/* reset */
body {
    color: var(--bs-dark);
    background-color: var(--bs-light);
    font-size: .875rem;
}

a {
    text-decoration: none
}

    a:hover {
        opacity: .8;
        text-decoration: underline
    }
    h6, .h6 {
        font-size: .875rem;
    }
.img-thumbnail {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-border);
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #6c757d;
    --bs-table-striped-bg: #f4f7f9;
    --bs-table-active-color: #6c757d;
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: #6c757d;
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    border-color: var(--bs-border);
}


.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

    .list-group-numbered > li:before {
        content: counters(section,".") ". ";
        counter-increment: section
    }

      .navbar-dark .nav-icon {
        color: rgba(255, 255, 255, 0.55);
      }

.offcanvas {
    background-clip: padding-box;
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: transform .3s ease-in-out;
    visibility: hidden;
    z-index: 1050
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

    .offcanvas-header .btn-close {
        margin-bottom: -.5rem;
        margin-right: -.5rem;
        margin-top: -.5rem;
        padding: .5rem
    }

.offcanvas-title {
    line-height: 1.625;
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem
}

.offcanvas-start {
    border-right: 0 solid rgba(0,0,0,.2);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: 400px
}

.offcanvas-end {
    border-left: 0 solid rgba(0,0,0,.2);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 400px
}

.offcanvas-top {
    border-bottom: 0 solid rgba(0,0,0,.2);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas-bottom, .offcanvas-top {
    height: 30vh;
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas-bottom {
    border-top: 0 solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}


.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mx-n1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
}

.mx-n2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
}

.mx-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.mx-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
}

.mx-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
}

.my-n1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
}

.my-n2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
}

.my-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important
}

.my-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important
}

.my-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.accordion .card:not(:last-child) {
    margin-bottom: 0
}

.accordion .card-header {
    border-bottom: 0
}

.accordion .card-body {
    border-top: 1px solid transparent
}

.accordion .card-title a {
    color: #6c757d
}

.alert {
    color: #212529;
    display: flex;
    padding: 0
}

    .alert b, .alert strong {
        color: #000
    }

    .alert .close:focus, .alert .close:hover {
        color: #000;
        opacity: 1
    }

.alert-outline, .alert-outline-coloured {
    background: #fff;
    color: #6c757d
}

    .alert-outline-coloured hr, .alert-outline hr {
        border-top-color: #ced4da
    }

    .alert-outline-coloured .close:focus, .alert-outline-coloured .close:hover, .alert-outline .close:focus, .alert-outline .close:hover {
        color: #020202
    }

    .alert-outline-coloured .alert-message, .alert-outline .alert-message {
        border: 1px solid #ced4da;
        border-bottom-left-radius: .2rem;
        border-bottom-right-radius: .2rem;
        border-top-left-radius: .2rem;
        border-top-right-radius: .2rem
    }

        .alert-outline-coloured .alert-message:not(:nth-child(2)), .alert-outline .alert-message:not(:nth-child(2)) {
            border-bottom-left-radius: 0;
            border-left: 0;
            border-top-left-radius: 0
        }

    .alert-outline-coloured .alert-icon, .alert-outline .alert-icon {
        border-bottom-left-radius: .2rem;
        border-top-left-radius: .2rem;
        color: #fff
    }

    .alert-outline-coloured.alert-primary .alert-icon, .alert-outline.alert-primary .alert-icon {
        background-color: #3f80ea
    }

    .alert-outline-coloured.alert-secondary .alert-icon, .alert-outline.alert-secondary .alert-icon {
        background-color: #495057
    }

    .alert-outline-coloured.alert-success .alert-icon, .alert-outline.alert-success .alert-icon {
        background-color: #4bbf73
    }

    .alert-outline-coloured.alert-info .alert-icon, .alert-outline.alert-info .alert-icon {
        background-color: #1f9bcf
    }

    .alert-outline-coloured.alert-warning .alert-icon, .alert-outline.alert-warning .alert-icon {
        background-color: #e5a54b
    }

    .alert-outline-coloured.alert-danger .alert-icon, .alert-outline.alert-danger .alert-icon {
        background-color: #d9534f
    }

    .alert-outline-coloured.alert-light .alert-icon, .alert-outline.alert-light .alert-icon {
        background-color: #eff2f6
    }

    .alert-outline-coloured.alert-dark .alert-icon, .alert-outline.alert-dark .alert-icon {
        background-color: #293042
    }

    .alert-outline-coloured.alert-primary .alert-message {
        border-color: #3f80ea
    }

    .alert-outline-coloured.alert-secondary .alert-message {
        border-color: #495057
    }

    .alert-outline-coloured.alert-success .alert-message {
        border-color: #4bbf73
    }

    .alert-outline-coloured.alert-info .alert-message {
        border-color: #1f9bcf
    }

    .alert-outline-coloured.alert-warning .alert-message {
        border-color: #e5a54b
    }

    .alert-outline-coloured.alert-danger .alert-message {
        border-color: #d9534f
    }

    .alert-outline-coloured.alert-light .alert-message {
        border-color: #eff2f6
    }

    .alert-outline-coloured.alert-dark .alert-message {
        border-color: #293042
    }

.alert-icon {
    background: rgba(255,255,255,.1);
    padding: .95rem
}

.alert-message {
    box-sizing: border-box;
    padding: .95rem;
    width: 100%
}

.avatar {
    height: 40px;
    margin-bottom: -15px;
    margin-top: -15px;
    width: 40px
}

.badge {
    color: #fff
}

.badge-soft-primary {
    background-color: rgba(63,128,234,.175);
    color: color-yiq(rgba(63,128,234,.175));
    color: #3f80ea
}

a.badge-soft-primary:focus, a.badge-soft-primary:hover {
    background-color: rgba(24,99,222,.175);
    color: color-yiq(rgba(63,128,234,.175))
}

a.badge-soft-primary.focus, a.badge-soft-primary:focus {
    box-shadow: 0 0 0 1px rgba(63,128,234,.5);
    outline: 0
}

.badge-soft-secondary {
    background-color: rgba(73,80,87,.175);
    color: color-yiq(rgba(73,80,87,.175));
    color: #495057
}

a.badge-soft-secondary:focus, a.badge-soft-secondary:hover {
    background-color: rgba(50,55,59,.175);
    color: color-yiq(rgba(73,80,87,.175))
}

a.badge-soft-secondary.focus, a.badge-soft-secondary:focus {
    box-shadow: 0 0 0 1px rgba(73,80,87,.5);
    outline: 0
}

.badge-soft-success {
    background-color: rgba(75,191,115,.175);
    color: color-yiq(rgba(75,191,115,.175));
    color: #4bbf73
}

a.badge-soft-success:focus, a.badge-soft-success:hover {
    background-color: rgba(56,159,92,.175);
    color: color-yiq(rgba(75,191,115,.175))
}

a.badge-soft-success.focus, a.badge-soft-success:focus {
    box-shadow: 0 0 0 1px rgba(75,191,115,.5);
    outline: 0
}

.badge-soft-info {
    background-color: rgba(31,155,207,.175);
    color: color-yiq(rgba(31,155,207,.175));
    color: #1f9bcf
}

a.badge-soft-info:focus, a.badge-soft-info:hover {
    background-color: rgba(24,122,163,.175);
    color: color-yiq(rgba(31,155,207,.175))
}

a.badge-soft-info.focus, a.badge-soft-info:focus {
    box-shadow: 0 0 0 1px rgba(31,155,207,.5);
    outline: 0
}

.badge-soft-warning {
    background-color: rgba(229,165,75,.175);
    color: color-yiq(rgba(229,165,75,.175));
    color: #e5a54b
}

a.badge-soft-warning:focus, a.badge-soft-warning:hover {
    background-color: rgba(221,142,32,.175);
    color: color-yiq(rgba(229,165,75,.175))
}

a.badge-soft-warning.focus, a.badge-soft-warning:focus {
    box-shadow: 0 0 0 1px rgba(229,165,75,.5);
    outline: 0
}

.badge-soft-danger {
    background-color: rgba(217,83,79,.175);
    color: color-yiq(rgba(217,83,79,.175));
    color: #d9534f
}

a.badge-soft-danger:focus, a.badge-soft-danger:hover {
    background-color: rgba(201,48,44,.175);
    color: color-yiq(rgba(217,83,79,.175))
}

a.badge-soft-danger.focus, a.badge-soft-danger:focus {
    box-shadow: 0 0 0 1px rgba(217,83,79,.5);
    outline: 0
}

.badge-soft-light {
    background-color: rgba(239,242,246,.175);
    color: color-yiq(rgba(239,242,246,.175));
    color: #eff2f6
}

a.badge-soft-light:focus, a.badge-soft-light:hover {
    background-color: rgba(207,217,227,.175);
    color: color-yiq(rgba(239,242,246,.175))
}

a.badge-soft-light.focus, a.badge-soft-light:focus {
    box-shadow: 0 0 0 1px rgba(239,242,246,.5);
    outline: 0
}

.badge-soft-dark {
    background-color: rgba(41,48,66,.175);
    color: color-yiq(rgba(41,48,66,.175));
    color: #293042
}

a.badge-soft-dark:focus, a.badge-soft-dark:hover {
    background-color: rgba(21,25,35,.175);
    color: color-yiq(rgba(41,48,66,.175))
}

a.badge-soft-dark.focus, a.badge-soft-dark:focus {
    box-shadow: 0 0 0 1px rgba(41,48,66,.5);
    outline: 0
}

.badge.rounded-pill {
    padding-left: .65em;
    padding-right: .65em
}

.btn-link:not(:hover) {
    text-decoration: none
}

.btn-pill {
    border-radius: 10rem
}

.btn-square {
    border-radius: 0
}

.btn .feather {
    height: 14px;
    width: 14px
}

.btn-group-lg > .btn .feather, .btn-lg .feather {
    height: 15px;
    width: 15px
}

.btn-danger, .btn-danger.disabled, .btn-danger.focus, .btn-danger.hover:not(:disabled):not(.disabled), .btn-danger:disabled, .btn-danger:focus, .btn-danger:hover:not(:disabled):not(.disabled), .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-dark, .btn-dark.disabled, .btn-dark.focus, .btn-dark.hover:not(:disabled):not(.disabled), .btn-dark:disabled, .btn-dark:focus, .btn-dark:hover:not(:disabled):not(.disabled), .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .btn-info, .btn-info.disabled, .btn-info.focus, .btn-info.hover:not(:disabled):not(.disabled), .btn-info:disabled, .btn-info:focus, .btn-info:hover:not(:disabled):not(.disabled), .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .btn-light, .btn-light.disabled, .btn-light.focus, .btn-light.hover:not(:disabled):not(.disabled), .btn-light:disabled, .btn-light:focus, .btn-light:hover:not(:disabled):not(.disabled), .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .btn-outline-danger.hover:not(:disabled):not(.disabled), .btn-outline-danger:hover:not(:disabled):not(.disabled), .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-dark.hover:not(:disabled):not(.disabled), .btn-outline-dark:hover:not(:disabled):not(.disabled), .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-info.hover:not(:disabled):not(.disabled), .btn-outline-info:hover:not(:disabled):not(.disabled), .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-light.hover:not(:disabled):not(.disabled), .btn-outline-light:hover:not(:disabled):not(.disabled), .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-primary.hover:not(:disabled):not(.disabled), .btn-outline-primary:hover:not(:disabled):not(.disabled), .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-secondary.hover:not(:disabled):not(.disabled), .btn-outline-secondary:hover:not(:disabled):not(.disabled), .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-success.hover:not(:disabled):not(.disabled), .btn-outline-success:hover:not(:disabled):not(.disabled), .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-warning.hover:not(:disabled):not(.disabled), .btn-outline-warning:hover:not(:disabled):not(.disabled), .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-primary, .btn-primary.disabled, .btn-primary.focus, .btn-primary.hover:not(:disabled):not(.disabled), .btn-primary:disabled, .btn-primary:focus, .btn-primary:hover:not(:disabled):not(.disabled), .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-secondary, .btn-secondary.disabled, .btn-secondary.focus, .btn-secondary.hover:not(:disabled):not(.disabled), .btn-secondary:disabled, .btn-secondary:focus, .btn-secondary:hover:not(:disabled):not(.disabled), .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-success, .btn-success.disabled, .btn-success.focus, .btn-success.hover:not(:disabled):not(.disabled), .btn-success:disabled, .btn-success:focus, .btn-success:hover:not(:disabled):not(.disabled), .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-warning, .btn-warning.disabled, .btn-warning.focus, .btn-warning.hover:not(:disabled):not(.disabled), .btn-warning:disabled, .btn-warning:focus, .btn-warning:hover:not(:disabled):not(.disabled), .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle, .show > .btn-dark.dropdown-toggle, .show > .btn-info.dropdown-toggle, .show > .btn-light.dropdown-toggle, .show > .btn-primary.dropdown-toggle, .show > .btn-secondary.dropdown-toggle, .show > .btn-success.dropdown-toggle, .show > .btn-warning.dropdown-toggle {
    color: #fff
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

    .btn-check:focus + .btn-facebook, .btn-facebook:focus, .btn-facebook:hover {
        background-color: #324c81;
        border-color: #2f477a;
        color: #fff
    }

    .btn-check:focus + .btn-facebook, .btn-facebook:focus {
        box-shadow: 0 0 0 .2rem rgba(88,114,167,.5)
    }

    .btn-check:active + .btn-facebook, .btn-check:checked + .btn-facebook, .btn-facebook.active, .btn-facebook:active, .show > .btn-facebook.dropdown-toggle {
        background-color: #2f477a;
        border-color: #2c4372;
        color: #fff
    }

        .btn-check:active + .btn-facebook:focus, .btn-check:checked + .btn-facebook:focus, .btn-facebook.active:focus, .btn-facebook:active:focus, .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(88,114,167,.5)
        }

    .btn-facebook.disabled, .btn-facebook:disabled {
        background-color: #3b5998;
        border-color: #3b5998;
        color: #fff
    }

    .btn-facebook, .btn-facebook.disabled, .btn-facebook.focus, .btn-facebook.hover:not(:disabled):not(.disabled), .btn-facebook:disabled, .btn-facebook:focus, .btn-facebook:hover:not(:disabled):not(.disabled), .show > .btn-facebook.dropdown-toggle {
        color: #fff
    }

.btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #000
}

    .btn-check:focus + .btn-twitter, .btn-twitter:focus, .btn-twitter:hover {
        background-color: #3faff4;
        border-color: #34aaf3;
        color: #000
    }

    .btn-check:focus + .btn-twitter, .btn-twitter:focus {
        box-shadow: 0 0 0 .2rem rgba(25,137,206,.5)
    }

    .btn-check:active + .btn-twitter, .btn-check:checked + .btn-twitter, .btn-twitter.active, .btn-twitter:active, .show > .btn-twitter.dropdown-toggle {
        background-color: #4ab4f5;
        border-color: #34aaf3;
        color: #000
    }

        .btn-check:active + .btn-twitter:focus, .btn-check:checked + .btn-twitter:focus, .btn-twitter.active:focus, .btn-twitter:active:focus, .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(25,137,206,.5)
        }

    .btn-twitter.disabled, .btn-twitter:disabled {
        background-color: #1da1f2;
        border-color: #1da1f2;
        color: #000
    }

    .btn-twitter, .btn-twitter.disabled, .btn-twitter.focus, .btn-twitter.hover:not(:disabled):not(.disabled), .btn-twitter:disabled, .btn-twitter:focus, .btn-twitter:hover:not(:disabled):not(.disabled), .show > .btn-twitter.dropdown-toggle {
        color: #fff
    }

.btn-google {
    background-color: #dc4e41;
    border-color: #dc4e41;
    color: #fff
}

    .btn-check:focus + .btn-google, .btn-google:focus, .btn-google:hover {
        background-color: #bb4237;
        border-color: #b03e34;
        color: #fff
    }

    .btn-check:focus + .btn-google, .btn-google:focus {
        box-shadow: 0 0 0 .2rem rgba(225,105,94,.5)
    }

    .btn-check:active + .btn-google, .btn-check:checked + .btn-google, .btn-google.active, .btn-google:active, .show > .btn-google.dropdown-toggle {
        background-color: #b03e34;
        border-color: #a53b31;
        color: #fff
    }

        .btn-check:active + .btn-google:focus, .btn-check:checked + .btn-google:focus, .btn-google.active:focus, .btn-google:active:focus, .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,105,94,.5)
        }

    .btn-google.disabled, .btn-google:disabled {
        background-color: #dc4e41;
        border-color: #dc4e41;
        color: #fff
    }

    .btn-google, .btn-google.disabled, .btn-google.focus, .btn-google.hover:not(:disabled):not(.disabled), .btn-google:disabled, .btn-google:focus, .btn-google:hover:not(:disabled):not(.disabled), .show > .btn-google.dropdown-toggle {
        color: #fff
    }

.btn-youtube {
    background-color: red;
    border-color: red;
    color: #fff
}

    .btn-check:focus + .btn-youtube, .btn-youtube:focus, .btn-youtube:hover {
        background-color: #d90000;
        border-color: #c00;
        color: #fff
    }

    .btn-check:focus + .btn-youtube, .btn-youtube:focus {
        box-shadow: 0 0 0 .2rem rgba(255,38,38,.5)
    }

    .btn-check:active + .btn-youtube, .btn-check:checked + .btn-youtube, .btn-youtube.active, .btn-youtube:active, .show > .btn-youtube.dropdown-toggle {
        background-color: #c00;
        border-color: #bf0000;
        color: #fff
    }

        .btn-check:active + .btn-youtube:focus, .btn-check:checked + .btn-youtube:focus, .btn-youtube.active:focus, .btn-youtube:active:focus, .show > .btn-youtube.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,38,38,.5)
        }

    .btn-youtube.disabled, .btn-youtube:disabled {
        background-color: red;
        border-color: red;
        color: #fff
    }

    .btn-youtube, .btn-youtube.disabled, .btn-youtube.focus, .btn-youtube.hover:not(:disabled):not(.disabled), .btn-youtube:disabled, .btn-youtube:focus, .btn-youtube:hover:not(:disabled):not(.disabled), .show > .btn-youtube.dropdown-toggle {
        color: #fff
    }

.btn-vimeo {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    color: #000
}

    .btn-check:focus + .btn-vimeo, .btn-vimeo:focus, .btn-vimeo:hover {
        background-color: #3cc2ed;
        border-color: #31beec;
        color: #000
    }

    .btn-check:focus + .btn-vimeo, .btn-vimeo:focus {
        box-shadow: 0 0 0 .2rem rgba(22,156,199,.5)
    }

    .btn-check:active + .btn-vimeo, .btn-check:checked + .btn-vimeo, .btn-vimeo.active, .btn-vimeo:active, .show > .btn-vimeo.dropdown-toggle {
        background-color: #48c5ee;
        border-color: #31beec;
        color: #000
    }

        .btn-check:active + .btn-vimeo:focus, .btn-check:checked + .btn-vimeo:focus, .btn-vimeo.active:focus, .btn-vimeo:active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(22,156,199,.5)
        }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        color: #000
    }

    .btn-vimeo, .btn-vimeo.disabled, .btn-vimeo.focus, .btn-vimeo.hover:not(:disabled):not(.disabled), .btn-vimeo:disabled, .btn-vimeo:focus, .btn-vimeo:hover:not(:disabled):not(.disabled), .show > .btn-vimeo.dropdown-toggle {
        color: #fff
    }

.btn-dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

    .btn-check:focus + .btn-dribbble, .btn-dribbble:focus, .btn-dribbble:hover {
        background-color: #c74174;
        border-color: #bb3d6e;
        color: #fff
    }

    .btn-check:focus + .btn-dribbble, .btn-dribbble:focus {
        box-shadow: 0 0 0 .2rem rgba(237,103,155,.5)
    }

    .btn-check:active + .btn-dribbble, .btn-check:checked + .btn-dribbble, .btn-dribbble.active, .btn-dribbble:active, .show > .btn-dribbble.dropdown-toggle {
        background-color: #bb3d6e;
        border-color: #b03967;
        color: #fff
    }

        .btn-check:active + .btn-dribbble:focus, .btn-check:checked + .btn-dribbble:focus, .btn-dribbble.active:focus, .btn-dribbble:active:focus, .show > .btn-dribbble.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(237,103,155,.5)
        }

    .btn-dribbble.disabled, .btn-dribbble:disabled {
        background-color: #ea4c89;
        border-color: #ea4c89;
        color: #fff
    }

    .btn-dribbble, .btn-dribbble.disabled, .btn-dribbble.focus, .btn-dribbble.hover:not(:disabled):not(.disabled), .btn-dribbble:disabled, .btn-dribbble:focus, .btn-dribbble:hover:not(:disabled):not(.disabled), .show > .btn-dribbble.dropdown-toggle {
        color: #fff
    }

.btn-github {
    background-color: #181717;
    border-color: #181717;
    color: #fff
}

    .btn-check:focus + .btn-github, .btn-github:focus, .btn-github:hover {
        background-color: #141414;
        border-color: #131212;
        color: #fff
    }

    .btn-check:focus + .btn-github, .btn-github:focus {
        box-shadow: 0 0 0 .2rem rgba(59,58,58,.5)
    }

    .btn-check:active + .btn-github, .btn-check:checked + .btn-github, .btn-github.active, .btn-github:active, .show > .btn-github.dropdown-toggle {
        background-color: #131212;
        border-color: #121111;
        color: #fff
    }

        .btn-check:active + .btn-github:focus, .btn-check:checked + .btn-github:focus, .btn-github.active:focus, .btn-github:active:focus, .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(59,58,58,.5)
        }

    .btn-github.disabled, .btn-github:disabled {
        background-color: #181717;
        border-color: #181717;
        color: #fff
    }

    .btn-github, .btn-github.disabled, .btn-github.focus, .btn-github.hover:not(:disabled):not(.disabled), .btn-github:disabled, .btn-github:focus, .btn-github:hover:not(:disabled):not(.disabled), .show > .btn-github.dropdown-toggle {
        color: #fff
    }

.btn-instagram {
    background-color: #e4405f;
    border-color: #e4405f;
    color: #fff
}

    .btn-check:focus + .btn-instagram, .btn-instagram:focus, .btn-instagram:hover {
        background-color: #c23651;
        border-color: #b6334c;
        color: #fff
    }

    .btn-check:focus + .btn-instagram, .btn-instagram:focus {
        box-shadow: 0 0 0 .2rem rgba(232,93,119,.5)
    }

    .btn-check:active + .btn-instagram, .btn-check:checked + .btn-instagram, .btn-instagram.active, .btn-instagram:active, .show > .btn-instagram.dropdown-toggle {
        background-color: #b6334c;
        border-color: #ab3047;
        color: #fff
    }

        .btn-check:active + .btn-instagram:focus, .btn-check:checked + .btn-instagram:focus, .btn-instagram.active:focus, .btn-instagram:active:focus, .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(232,93,119,.5)
        }

    .btn-instagram.disabled, .btn-instagram:disabled {
        background-color: #e4405f;
        border-color: #e4405f;
        color: #fff
    }

    .btn-instagram, .btn-instagram.disabled, .btn-instagram.focus, .btn-instagram.hover:not(:disabled):not(.disabled), .btn-instagram:disabled, .btn-instagram:focus, .btn-instagram:hover:not(:disabled):not(.disabled), .show > .btn-instagram.dropdown-toggle {
        color: #fff
    }

.btn-pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #fff
}

    .btn-check:focus + .btn-pinterest, .btn-pinterest:focus, .btn-pinterest:hover {
        background-color: #a10718;
        border-color: #970616;
        color: #fff
    }

    .btn-check:focus + .btn-pinterest, .btn-pinterest:focus {
        box-shadow: 0 0 0 .2rem rgba(199,45,62,.5)
    }

    .btn-check:active + .btn-pinterest, .btn-check:checked + .btn-pinterest, .btn-pinterest.active, .btn-pinterest:active, .show > .btn-pinterest.dropdown-toggle {
        background-color: #970616;
        border-color: #8e0615;
        color: #fff
    }

        .btn-check:active + .btn-pinterest:focus, .btn-check:checked + .btn-pinterest:focus, .btn-pinterest.active:focus, .btn-pinterest:active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(199,45,62,.5)
        }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        background-color: #bd081c;
        border-color: #bd081c;
        color: #fff
    }

    .btn-pinterest, .btn-pinterest.disabled, .btn-pinterest.focus, .btn-pinterest.hover:not(:disabled):not(.disabled), .btn-pinterest:disabled, .btn-pinterest:focus, .btn-pinterest:hover:not(:disabled):not(.disabled), .show > .btn-pinterest.dropdown-toggle {
        color: #fff
    }

.btn-flickr {
    background-color: #0063dc;
    border-color: #0063dc;
    color: #fff
}

    .btn-check:focus + .btn-flickr, .btn-flickr:focus, .btn-flickr:hover {
        background-color: #0054bb;
        border-color: #004fb0;
        color: #fff
    }

    .btn-check:focus + .btn-flickr, .btn-flickr:focus {
        box-shadow: 0 0 0 .2rem rgba(38,122,225,.5)
    }

    .btn-check:active + .btn-flickr, .btn-check:checked + .btn-flickr, .btn-flickr.active, .btn-flickr:active, .show > .btn-flickr.dropdown-toggle {
        background-color: #004fb0;
        border-color: #004aa5;
        color: #fff
    }

        .btn-check:active + .btn-flickr:focus, .btn-check:checked + .btn-flickr:focus, .btn-flickr.active:focus, .btn-flickr:active:focus, .show > .btn-flickr.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,122,225,.5)
        }

    .btn-flickr.disabled, .btn-flickr:disabled {
        background-color: #0063dc;
        border-color: #0063dc;
        color: #fff
    }

    .btn-flickr, .btn-flickr.disabled, .btn-flickr.focus, .btn-flickr.hover:not(:disabled):not(.disabled), .btn-flickr:disabled, .btn-flickr:focus, .btn-flickr:hover:not(:disabled):not(.disabled), .show > .btn-flickr.dropdown-toggle {
        color: #fff
    }

.btn-bitbucket {
    background-color: #0052cc;
    border-color: #0052cc;
    color: #fff
}

    .btn-bitbucket:focus, .btn-bitbucket:hover, .btn-check:focus + .btn-bitbucket {
        background-color: #0046ad;
        border-color: #0042a3;
        color: #fff
    }

    .btn-bitbucket:focus, .btn-check:focus + .btn-bitbucket {
        box-shadow: 0 0 0 .2rem rgba(38,108,212,.5)
    }

    .btn-bitbucket.active, .btn-bitbucket:active, .btn-check:active + .btn-bitbucket, .btn-check:checked + .btn-bitbucket, .show > .btn-bitbucket.dropdown-toggle {
        background-color: #0042a3;
        border-color: #003e99;
        color: #fff
    }

        .btn-bitbucket.active:focus, .btn-bitbucket:active:focus, .btn-check:active + .btn-bitbucket:focus, .btn-check:checked + .btn-bitbucket:focus, .show > .btn-bitbucket.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,108,212,.5)
        }

    .btn-bitbucket.disabled, .btn-bitbucket:disabled {
        background-color: #0052cc;
        border-color: #0052cc;
        color: #fff
    }

    .btn-bitbucket, .btn-bitbucket.disabled, .btn-bitbucket.focus, .btn-bitbucket.hover:not(:disabled):not(.disabled), .btn-bitbucket:disabled, .btn-bitbucket:focus, .btn-bitbucket:hover:not(:disabled):not(.disabled), .show > .btn-bitbucket.dropdown-toggle {
        color: #fff
    }

.btn-light, .btn-light.disabled, .btn-light.focus, .btn-light.hover:not(:disabled):not(.disabled), .btn-light:disabled, .btn-light:focus, .btn-light:hover:not(:disabled):not(.disabled), .btn-outline-light.hover:not(:disabled):not(.disabled), .btn-outline-light:hover:not(:disabled):not(.disabled), .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-white.hover:not(:disabled):not(.disabled), .btn-outline-white:hover:not(:disabled):not(.disabled), .btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .btn-white, .btn-white.disabled, .btn-white.focus, .btn-white.hover:not(:disabled):not(.disabled), .btn-white:disabled, .btn-white:focus, .btn-white:hover:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle, .show > .btn-white.dropdown-toggle {
    color: #020202
}

.card {
    box-shadow: 0 0 .875rem 0 rgba(41,48,66,.05);
    margin-bottom: 24px;
    border: 0 solid transparent;
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    padding: 1rem 1.25rem;
}
.card-body{
    padding: 1.25rem;
}
.card-actions a {
    color: #6c757d;
    text-decoration: none
}

.card-actions svg {
    height: 16px;
    width: 16px
}

.card-actions .dropdown {
    line-height: 1.4
}

.card-title {
    font-size: 1rem;
}

.card-subtitle {
    font-weight: 400
}

.card-table {
    margin-bottom: 0
}

    .card-table tr td:first-child, .card-table tr th:first-child {
        padding-left: 1.25rem
    }

    .card-table tr td:last-child, .card-table tr th:last-child {
        padding-right: 1.25rem
    }

.card-img, .card-img-bottom, .card-img-top {
    height: auto;
    max-width: 100%
}

@media (-ms-high-contrast:none) {
    .card-img, .card-img-bottom, .card-img-top {
        height: 100%
    }
}

.chart {
    margin: auto;
    min-height: 300px;
    position: relative;
    width: 100%
}

.chart-xs {
    min-height: 150px
}

.chart-sm {
    min-height: 200px
}

.chart-lg {
    min-height: 350px
}

.chart-xl {
    min-height: 500px
}

.chart canvas {
    max-width: 100%
}

.chat-online {
    color: #71cc90
}

.chat-offline {
    color: #e27c79
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left, .chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}

.content {
    direction: ltr;
    flex: 1;
    padding: 1.875rem;
}

@media (max-width:767.98px) {
    .content {
        max-width: 100vw;
        width: 100vw
    }
}

@media (max-width:991.98px) {
    .content {
        padding: 1.5rem
    }
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.05)
}

.dropdown .dropdown-menu.show {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: dropdownAnimation;
    animation-name: dropdownAnimation;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

.dropdown-item {
    transition: background .1s ease-in-out,color .1s ease-in-out
}

.dropdown-menu-lg {
    min-width: 20rem
}

.dropdown .list-group .list-group-item {
    border-width: 0 0 1px;
    margin-bottom: 0;
    text-decoration: none
}

    .dropdown .list-group .list-group-item:first-child, .dropdown .list-group .list-group-item:last-child {
        border-radius: 0
    }

    .dropdown .list-group .list-group-item:hover {
        background: #f4f7f9
    }

.dropdown-menu {
    top: auto
}

.dropdown-menu-header {
    border-bottom: 1px solid #dee6ed;
    font-weight: 500;
    padding: .75rem;
    text-align: center
}

.dropdown-menu-footer {
    display: block;
    font-size: .75rem;
    padding: .5rem;
    text-align: center
}

@media (min-width:1200px) {
    .dropdown-mega-list {
        min-width: 250px
    }
}

.feather {
    height: 18px;
    width: 18px
}

.feather-sm {
    height: 14px;
    width: 14px
}

.feather-lg {
    height: 36px;
    width: 36px
}

footer.footer {
    background: #fff;
    border-top: 1px solid #dee6ed;
    direction: ltr;
    padding: 1rem .75rem
}

    footer.footer ul {
        margin-bottom: 0
    }

@media (max-width:767.98px) {
    footer.footer {
        width: 100vw
    }
}

.input-group-navbar .btn, .input-group-navbar .form-control {
    background: #f3f6fb;
    border: 0;
    box-shadow: none;
    height: calc(2.24375rem + 2px);
    padding: .35rem .75rem
}

    .input-group-navbar .btn:focus, .input-group-navbar .form-control:focus {
        background: #f3f6fb;
        box-shadow: none;
        outline: 0
    }

.input-group-navbar .btn {
    color: #6c757d
}

    .input-group-navbar .btn .feather {
        height: 20px;
        width: 20px
    }

.hamburger, .hamburger:after, .hamburger:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background .1s ease-in-out,color .1s ease-in-out;
    width: 24px
}

.hamburger {
    position: relative
}

    .hamburger:before {
        position: absolute;
        top: -8px;
        width: 20px
    }

    .hamburger:after {
        bottom: -8px;
        position: absolute;
        width: 16px
    }

.sidebar-toggle:hover .hamburger, .sidebar-toggle:hover .hamburger:after, .sidebar-toggle:hover .hamburger:before {
    background: #3f80ea
}

.hamburger-right, .hamburger-right:after, .hamburger-right:before {
    right: 0
}

.illustration {
    background: #e0eafc;
    color: #3f80ea
}

.illustration-text {
    color: #3f80ea
}

.illustration-img {
    max-width: 150px;
    width: 100%
}

@media (min-width:1440px) {
    .illustration-img {
        max-width: 175px
    }
}

.landing-bg {
    background: #eff2f6
}

nav.landing-navbar {
    background: #eff2f6;
    box-shadow: none
}

@media (max-width:767.98px) {
    nav.landing-navbar {
        width: auto
    }
}

.landing-intro {
    overflow: hidden;
    position: relative
}

.landing-intro-content {
    position: relative;
    z-index: 1
}

.landing-brand {
    font-size: 1.125rem;
    font-weight: 500
}

    .landing-brand svg {
        fill: #4a88eb
    }

body[data-theme=colored] .landing-brand svg {
    fill: #fff
}

body[data-theme=dark] .landing-brand svg {
    fill: #4a88eb
}

body[data-theme=light] .landing-brand svg {
    fill: #2871e7
}

.landing-brand svg path:first-child {
    fill: #78a6f0
}

body[data-theme=colored] .landing-brand svg path:first-child {
    fill: rgba(255,255,255,.66)
}

body[data-theme=dark] .landing-brand svg path:first-child {
    fill: #78a6f0
}

body[data-theme=light] .landing-brand svg path:first-child {
    fill: #84aef2
}

.landing-intro-screenshot {
    perspective: 2000px;
    perspective-origin: 0;
    transform-style: preserve-3d
}

    .landing-intro-screenshot img {
        box-shadow: 0 0 1px 0 rgba(0,0,0,.7),0 11px 20px -8px rgba(0,0,0,.5);
        transform: rotateY(-30deg) rotateX(10deg)
    }

.landing-img {
    box-shadow: 0 4px 12px 0 rgba(17,68,153,.15);
    transition: all .15s ease-in-out
}

    .landing-img:hover {
        transform: scale(1.035)
    }

.landing-stars {
    color: #e5a54b
}

.landing-quote p {
    color: #020202;
    line-height: 1.8rem
}

    .landing-quote p span {
        background: #e0eafc;
        display: inline;
        padding: .0625em .125em
    }

.landing-feature {
    align-items: center;
    background: #ecf1f8;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-right: 1rem;
    min-width: 60px;
    width: 60px
}

    .landing-feature svg {
        color: #2871e7;
        height: 28px;
        width: 28px
    }

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 0;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
    width: 100%
}

@media (max-width:767.98px) {
    .main {
        overflow-y: hidden
    }
}

.modal-primary .modal-content {
    background: #3f80ea;
    color: color-yiq(#3f80ea)
}

.modal-primary .h1, .modal-primary .h2, .modal-primary .h3, .modal-primary .h4, .modal-primary .h5, .modal-primary .h6, .modal-primary h1, .modal-primary h2, .modal-primary h3, .modal-primary h4, .modal-primary h5, .modal-primary h6 {
    color: #fff
}

.modal-secondary .modal-content {
    background: #495057;
    color: color-yiq(#495057)
}

.modal-secondary .h1, .modal-secondary .h2, .modal-secondary .h3, .modal-secondary .h4, .modal-secondary .h5, .modal-secondary .h6, .modal-secondary h1, .modal-secondary h2, .modal-secondary h3, .modal-secondary h4, .modal-secondary h5, .modal-secondary h6 {
    color: #fff
}

.modal-success .modal-content {
    background: #4bbf73;
    color: color-yiq(#4bbf73)
}

.modal-success .h1, .modal-success .h2, .modal-success .h3, .modal-success .h4, .modal-success .h5, .modal-success .h6, .modal-success h1, .modal-success h2, .modal-success h3, .modal-success h4, .modal-success h5, .modal-success h6 {
    color: #fff
}

.modal-info .modal-content {
    background: #1f9bcf;
    color: color-yiq(#1f9bcf)
}

.modal-info .h1, .modal-info .h2, .modal-info .h3, .modal-info .h4, .modal-info .h5, .modal-info .h6, .modal-info h1, .modal-info h2, .modal-info h3, .modal-info h4, .modal-info h5, .modal-info h6 {
    color: #fff
}

.modal-warning .modal-content {
    background: #e5a54b;
    color: color-yiq(#e5a54b)
}

.modal-warning .h1, .modal-warning .h2, .modal-warning .h3, .modal-warning .h4, .modal-warning .h5, .modal-warning .h6, .modal-warning h1, .modal-warning h2, .modal-warning h3, .modal-warning h4, .modal-warning h5, .modal-warning h6 {
    color: #fff
}

.modal-danger .modal-content {
    background: #d9534f;
    color: color-yiq(#d9534f)
}

.modal-danger .h1, .modal-danger .h2, .modal-danger .h3, .modal-danger .h4, .modal-danger .h5, .modal-danger .h6, .modal-danger h1, .modal-danger h2, .modal-danger h3, .modal-danger h4, .modal-danger h5, .modal-danger h6 {
    color: #fff
}

.modal-light .modal-content {
    background: #eff2f6;
    color: color-yiq(#eff2f6)
}

.modal-light .h1, .modal-light .h2, .modal-light .h3, .modal-light .h4, .modal-light .h5, .modal-light .h6, .modal-light h1, .modal-light h2, .modal-light h3, .modal-light h4, .modal-light h5, .modal-light h6 {
    color: #fff
}

.modal-dark .modal-content {
    background: #293042;
    color: color-yiq(#293042)
}

.modal-dark .h1, .modal-dark .h2, .modal-dark .h3, .modal-dark .h4, .modal-dark .h5, .modal-dark .h6, .modal-dark h1, .modal-dark h2, .modal-dark h3, .modal-dark h4, .modal-dark h5, .modal-dark h6 {
    color: #fff
}

.modal-colored .modal-footer, .modal-colored .modal-header {
    border-color: rgba(255,255,255,.33)
}

.navbar {
    border-bottom: 0;
    box-shadow: 0 0 2rem 0 rgba(41,48,66,.1)
}

@media (max-width:767.98px) {
    .navbar {
        width: 100vw
    }
}

.input-group-navbar {
    min-width: 240px
}

.navbar-bg {
    background: #fff
}

body:not([data-sidebar-position=right]) .navbar-align {
    margin-left: auto;
}

body[data-sidebar-position=right] .navbar-align {
    margin-right: auto
}

.navbar-brand {
    color: #f4f7f9;
    display: block;
    font-size: 1.15rem;
    font-weight: 500;
    padding: .875rem 0
}

    .navbar-brand .feather, .navbar-brand svg {
        color: #3f80ea;
        height: 24px;
        margin-left: -.15rem;
        margin-right: .375rem;
        margin-top: -.375rem;
        width: 24px
    }

.nav-flag, .nav-icon {
    color: #6c757d;
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: .1rem .8rem;
    transition: background .1s ease-in-out,color .1s ease-in-out
}

    .nav-flag:after, .nav-icon:after {
        display: none !important
    }

    .nav-flag.active, .nav-flag:hover, .nav-icon.active, .nav-icon:hover {
        color: #3f80ea
    }

    .nav-flag .feather, .nav-flag svg, .nav-icon .feather, .nav-icon svg {
        height: 20px;
        width: 20px
    }

.nav-item .indicator {
    background: #3f80ea;
    border-radius: 50%;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.05);
    color: #fff;
    display: block;
    font-size: .675rem;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 0;
    transition: top .1s ease-out;
    width: 18px
}

.nav-item:hover .indicator {
    top: -4px
}

.nav-item a:focus {
    outline: 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .navbar .avatar {
        max-height: 47px
    }
}

@media (max-width:575.98px) {
    .navbar {
        padding: .75rem
    }

    .nav-icon {
        padding: .1rem .75rem
    }

    .dropdown, .dropleft, .dropright, .dropup {
        position: inherit
    }

    .navbar-expand .navbar-nav .dropdown-menu-lg {
        min-width: 100%
    }

    .nav-item .nav-link:after {
        display: none
    }
}

.nav-flag img {
    border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px
}

.navbar-nav, .navbar input {
    direction: ltr
}

.navbar .form-control {
    max-width: 200px
}

.progress-sm {
    height: .5rem
}

.progress-lg {
    height: 1.5rem
}

#root, body, html {
    height: 100%
}

html {
    scroll-behavior: smooth
}

body {
    opacity: 1 !important;
    overflow-y: scroll
}

    body[data-sidebar-position=right] {
        direction: rtl
    }

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    html {
        overflow-x: hidden
    }
}

:root {
    --primary-dark: #1659c7;
    --primary-light: #84aef2
}

.settings {
    direction: ltr;
    display: none
}

@media (min-width:1200px) {
    .settings {
        display: block
    }
}

.settings-toggle {
    background: #fff;
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem;
    box-shadow: -5px 0 10px 0 rgba(0,0,0,.1);
    color: #000;
    cursor: pointer;
    height: 150px;
    padding: .5rem;
    position: fixed;
    right: 0;
    top: 200px;
    transition: all .1s ease-in-out;
    width: 54px;
    z-index: 10
}

body[data-theme=dark] .settings-toggle {
    background: #f4f7f9
}

.settings-toggle-option {
    background: #edf2f5;
    border-radius: .2rem;
    color: #000;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    height: 34px;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl
}

    .settings-toggle-option:hover {
        background: #e4ebf0;
        color: #000
    }

    .settings-toggle-option:first-child {
        color: #1863de;
        margin-bottom: .5rem
    }

    .settings-toggle-option svg {
        stroke-width: 2
    }

body[data-theme=dark] .settings-toggle-option {
    background: #e2e8ee
}

    body[data-theme=dark] .settings-toggle-option:hover {
        background: #f2f5f7
    }

    body[data-theme=dark] .settings-toggle-option:first-child {
        color: #fff
    }

.settings-toggle-option-text {
    height: 93px
}

    .settings-toggle-option-text svg {
        transform: rotate(-90deg)
    }

.settings-panel {
    background: #fff;
    border-left: 0 solid transparent;
    bottom: 0;
    display: block;
    height: 100%;
    position: fixed;
    right: -320px;
    top: 0;
    transition: right .2s ease-in-out;
    width: 320px;
    z-index: 100
}

.settings.open .settings-panel:before {
    background: rgba(0,0,0,.325);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.settings.open .settings-panel {
    right: 0
}

.settings-content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    position: relative
}

.settings-title {
    background: #fff;
    border-bottom: 1px solid #e2e8ee;
    color: #000;
    font-size: .875rem;
    padding: 1.35rem 1.5rem
}

    .settings-title .close, .settings-title .h4, .settings-title h4 {
        color: #000
    }

.settings-body {
    flex: 1
}

.settings-body, .settings-footer {
    padding: 1rem 1.5rem
}

.settings-scheme:after {
    background: #3f80ea;
    border-radius: 50%;
    color: #fff;
    content: "\f00c";
    font-family: Font Awesome\ 5 Free;
    font-size: 10px;
    font-weight: 900;
    height: 16px;
    line-height: 17px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    z-index: 1
}

.settings-scheme-label {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

    .settings-scheme-label + .settings-scheme {
        border: 1px solid #dee6ed
    }

    .settings-scheme-label:checked + .settings-scheme {
        border: 1px solid #3f80ea;
        color: #3f80ea
    }

        .settings-scheme-label:checked + .settings-scheme:after {
            opacity: 1
        }

.settings-scheme {
    align-items: center;
    background: #fff;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    font-size: .825rem;
    height: 80px;
    justify-content: center;
    position: relative
}

.settings-scheme-theme {
    background: red;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff;
    height: 50px;
    position: relative;
    width: 50px
}

.settings-scheme-theme-default {
    background-image: linear-gradient(-45deg,#222e3c 50%,#f2f4f6 0)
}

.settings-scheme-theme-colored {
    background-image: linear-gradient(-45deg,#3f80ea 50%,#f2f4f6 0)
}

.settings-scheme-theme-dark {
    background: #222e3c
}

.settings-scheme-theme-light {
    background: #f2f4f6
}

.settings-button-label {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

    .settings-button-label + .settings-button {
        background: #e2e8ee;
        border-radius: 5px;
        border-radius: .3rem;
        color: #293042;
        cursor: pointer;
        font-size: .825rem;
        padding: .35rem 1rem
    }

    .settings-button-label:checked + .settings-button {
        background: #3f80ea;
        color: #fff
    }

        .settings-button-label:checked + .settings-button:after {
            opacity: 1
        }

.sidebar {
    background: #293042;
    direction: ltr;
    max-width: 260px;
    min-width: 260px;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out
}

body[data-theme=colored] .sidebar {
    background: #2d6bcf
}

body[data-theme=dark] .sidebar {
    background: #293042
}

body[data-theme=light] .sidebar {
    background: #fff
}

.sidebar-content {
    background: #293042;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out
}

body[data-theme=colored] .sidebar-content {
    background: #2d6bcf
}

body[data-theme=dark] .sidebar-content {
    background: #293042
}

body[data-theme=light] .sidebar-content {
    background: #fff
}

body[data-sidebar-behavior=sticky] .sidebar-content[data-simplebar] {
    height: 100vh;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.sidebar-nav {
    list-style: none;
    padding-left: 0
}

.sidebar-link, a.sidebar-link {
    color: rgba(233,236,239,.5);
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: .625rem 1.625rem;
    position: relative;
    text-decoration: none;
    transition: color 75ms ease-in-out
}

body[data-theme=colored] .sidebar-link, body[data-theme=colored] a.sidebar-link {
    color: rgba(248,249,250,.7)
}

body[data-theme=dark] .sidebar-link, body[data-theme=dark] a.sidebar-link {
    color: rgba(233,236,239,.5)
}

body[data-theme=light] .sidebar-link, body[data-theme=light] a.sidebar-link {
    color: #495057
}

.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
    color: rgba(233,236,239,.5);
    margin-right: .75rem
}

body[data-theme=colored] .sidebar-link i, body[data-theme=colored] .sidebar-link svg, body[data-theme=colored] a.sidebar-link i, body[data-theme=colored] a.sidebar-link svg {
    color: rgba(248,249,250,.5)
}

body[data-theme=dark] .sidebar-link i, body[data-theme=dark] .sidebar-link svg, body[data-theme=dark] a.sidebar-link i, body[data-theme=dark] a.sidebar-link svg {
    color: rgba(233,236,239,.5)
}

body[data-theme=light] .sidebar-link i, body[data-theme=light] .sidebar-link svg, body[data-theme=light] a.sidebar-link i, body[data-theme=light] a.sidebar-link svg {
    color: #495057
}

.sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .55rem 1.5rem .55rem 4.5rem
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .55rem 1.5rem .55rem 5.75rem
}

.sidebar-link:focus {
    outline: 0
}

.sidebar-link:hover {
    color: rgba(233,236,239,.75)
}

body[data-theme=colored] .sidebar-link:hover {
    color: rgba(248,249,250,.9)
}

body[data-theme=dark] .sidebar-link:hover {
    color: rgba(233,236,239,.75)
}

body[data-theme=light] .sidebar-link:hover {
    color: #568fed
}

.sidebar-link:hover i, .sidebar-link:hover svg {
    color: rgba(233,236,239,.75)
}

body[data-theme=colored] .sidebar-link:hover i, body[data-theme=colored] .sidebar-link:hover svg {
    color: rgba(248,249,250,.75)
}

body[data-theme=dark] .sidebar-link:hover i, body[data-theme=dark] .sidebar-link:hover svg {
    color: rgba(233,236,239,.75)
}

body[data-theme=light] .sidebar-link:hover i, body[data-theme=light] .sidebar-link:hover svg {
    color: #568fed
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active > .sidebar-link {
    color: #e9ecef
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover, body[data-theme=colored] .sidebar-item.active > .sidebar-link {
    color: #f8f9fa
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover, body[data-theme=dark] .sidebar-item.active > .sidebar-link {
    color: #e9ecef
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover, body[data-theme=light] .sidebar-item.active > .sidebar-link {
    color: #568fed
}

.sidebar-item.active .sidebar-link:hover i, .sidebar-item.active .sidebar-link:hover svg, .sidebar-item.active > .sidebar-link i, .sidebar-item.active > .sidebar-link svg {
    color: #e9ecef
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover i, body[data-theme=colored] .sidebar-item.active .sidebar-link:hover svg, body[data-theme=colored] .sidebar-item.active > .sidebar-link i, body[data-theme=colored] .sidebar-item.active > .sidebar-link svg {
    color: #f8f9fa
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover i, body[data-theme=dark] .sidebar-item.active .sidebar-link:hover svg, body[data-theme=dark] .sidebar-item.active > .sidebar-link i, body[data-theme=dark] .sidebar-item.active > .sidebar-link svg {
    color: #e9ecef
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover i, body[data-theme=light] .sidebar-item.active .sidebar-link:hover svg, body[data-theme=light] .sidebar-item.active > .sidebar-link i, body[data-theme=light] .sidebar-item.active > .sidebar-link svg {
    color: #568fed
}

.sidebar-dropdown .sidebar-link {
    color: #adb5bd;
    font-weight: 400;
    padding: .55rem 1.5rem .55rem 3.7rem
}

body[data-theme=colored] .sidebar-dropdown .sidebar-link {
    color: #ced4da
}

body[data-theme=dark] .sidebar-dropdown .sidebar-link {
    color: #adb5bd
}

body[data-theme=light] .sidebar-dropdown .sidebar-link {
    color: #6c757d
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #e9ecef;
    font-weight: 400
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #f8f9fa
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #e9ecef
}

body[data-theme=light] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #568fed
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: #568fed;
    font-weight: 400
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: #fff
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link, body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: #568fed
}

.sidebar [data-bs-toggle=collapse] {
    position: relative
}

    .sidebar [data-bs-toggle=collapse]:before {
        border: solid;
        border-width: 0 .1rem .1rem 0;
        content: " ";
        display: inline-block;
        padding: 2px;
        position: absolute;
        right: 1.7rem;
        top: 1rem;
        transform: rotate(45deg);
        transition: all .2s ease-out
    }

    .sidebar [aria-expanded=true]:before, .sidebar [data-bs-toggle=collapse]:not(.collapsed):before {
        top: 1.2rem;
        transform: rotate(-135deg)
    }

.sidebar .sidebar-dropdown [data-toggle=collapse]:before {
    top: 1rem
}

.sidebar .sidebar-dropdown [aria-expanded=true]:before, .sidebar .sidebar-dropdown [data-toggle=collapse]:not(.collapsed):before {
    top: 1.2rem
}

.sidebar-brand {
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 1.15rem 1.5rem;
    text-align: center
}

body[data-theme=colored] .sidebar-brand, body[data-theme=dark] .sidebar-brand {
    color: #fff
}

body[data-theme=light] .sidebar-brand {
    color: #424242
}

.sidebar-brand:hover {
    color: #fff;
    text-decoration: none
}

body[data-theme=colored] .sidebar-brand:hover, body[data-theme=dark] .sidebar-brand:hover {
    color: #fff
}

body[data-theme=light] .sidebar-brand:hover {
    color: #424242
}

.sidebar-brand:focus {
    outline: 0
}

.sidebar-brand svg {
    fill: #4a88eb;
    height: 24px;
    margin-right: .15rem;
    width: 24px
}

body[data-theme=colored] .sidebar-brand svg {
    fill: #fff
}

body[data-theme=dark] .sidebar-brand svg {
    fill: #4a88eb
}

body[data-theme=light] .sidebar-brand svg {
    fill: #2871e7
}

.sidebar-brand svg path:first-child {
    fill: #78a6f0
}

body[data-theme=colored] .sidebar-brand svg path:first-child {
    fill: rgba(255,255,255,.66)
}

body[data-theme=dark] .sidebar-brand svg path:first-child {
    fill: #78a6f0
}

body[data-theme=light] .sidebar-brand svg path:first-child {
    fill: #84aef2
}

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

.sidebar-header {
    background: transparent;
    color: #ced4da;
    font-size: .75rem;
    padding: 1.5rem 1.5rem .375rem
}

body[data-theme=colored] .sidebar-header, body[data-theme=dark] .sidebar-header {
    color: #ced4da
}

body[data-theme=light] .sidebar-header {
    color: #495057
}

.badge-sidebar-primary, .badge-sidebar-secondary {
    position: absolute;
    right: 20px;
    top: 12px
}

.sidebar-dropdown .badge-sidebar-primary, .sidebar-dropdown .badge-sidebar-secondary {
    top: 10px
}

.badge-sidebar-primary {
    background: #3f80ea;
    color: #fff
}

body[data-theme=colored] .badge-sidebar-primary {
    background: #fff
}

body[data-theme=dark] .badge-sidebar-primary, body[data-theme=light] .badge-sidebar-primary {
    background: #3f80ea
}

body[data-theme=colored] .badge-sidebar-primary {
    color: #293042
}

body[data-theme=dark] .badge-sidebar-primary, body[data-theme=light] .badge-sidebar-primary {
    color: #fff
}

.badge-sidebar-secondary {
    background: #6c757d;
    color: #fff
}

body[data-theme=colored] .badge-sidebar-secondary {
    background: rgba(255,255,255,.75)
}

body[data-theme=dark] .badge-sidebar-secondary, body[data-theme=light] .badge-sidebar-secondary {
    background: #6c757d
}

body[data-theme=colored] .badge-sidebar-secondary {
    color: #293042
}

body[data-theme=dark] .badge-sidebar-secondary, body[data-theme=light] .badge-sidebar-secondary {
    color: #fff
}

body:not([data-sidebar-position=right]) .sidebar.collapsed {
    margin-left: -260px
}

@media (min-width:1px) and (max-width:991.98px) {
    body:not([data-sidebar-position=right]) .sidebar {
        margin-left: -260px
    }

        body:not([data-sidebar-position=right]) .sidebar.collapsed {
            margin-left: 0
        }
}

body:not([data-sidebar-position=right]) .sidebar-toggle {
    margin-right: 1rem
}

body[data-sidebar-position=right] .sidebar.collapsed {
    margin-right: -260px
}

@media (min-width:1px) and (max-width:991.98px) {
    body[data-sidebar-position=right] .sidebar {
        margin-right: -260px
    }

        body[data-sidebar-position=right] .sidebar.collapsed {
            margin-right: 0
        }
}

body[data-sidebar-position=right] .sidebar-toggle {
    margin-left: 1rem
}

body[data-sidebar-position=right] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.sidebar-cta-content {
    background: #333b52;
    border-radius: .3rem;
    margin: 1.75rem;
    padding: 1.5rem
}

body[data-theme=colored] .sidebar-cta-content {
    background: #3873d4
}

body[data-theme=dark] .sidebar-cta-content {
    background: #333b52
}

body[data-theme=light] .sidebar-cta-content {
    background: #f7f7f7
}

.sidebar-cta-content, .sidebar-cta-content strong, body[data-theme=colored] .sidebar-cta-content, body[data-theme=colored] .sidebar-cta-content strong, body[data-theme=dark] .sidebar-cta-content, body[data-theme=dark] .sidebar-cta-content strong {
    color: #e9ecef
}

body[data-theme=light] .sidebar-cta-content, body[data-theme=light] .sidebar-cta-content strong {
    color: #020202
}

body[data-sidebar-behavior=compact] .sidebar-badge, body[data-sidebar-behavior=compact] .sidebar-brand span, body[data-sidebar-behavior=compact] .sidebar-cta, body[data-sidebar-behavior=compact] .sidebar-header, body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item .sidebar-link span, body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown, body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-link:before {
    display: none
}

body[data-sidebar-behavior=compact] .simplebar-horizontal, body[data-sidebar-behavior=compact] .simplebar-vertical {
    visibility: hidden !important
}

body[data-sidebar-behavior=compact] .simplebar-content-wrapper, body[data-sidebar-behavior=compact] .simplebar-height-auto-observer-wrapper, body[data-sidebar-behavior=compact] .simplebar-mask, body[data-sidebar-behavior=compact] .simplebar-wrapper {
    overflow: visible !important
}

body[data-sidebar-behavior=compact] .sidebar-dropdown.collapsing {
    height: auto;
    overflow: visible;
    transition: none
}

body[data-sidebar-behavior=compact] .sidebar {
    max-width: 68px;
    min-width: 68px;
    z-index: 2
}

body[data-sidebar-behavior=compact] .sidebar-item {
    position: relative
}

body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 .5rem 3rem .5rem rgba(0,0,0,.05);
    display: none;
    overflow: visible;
    padding: .5rem 0;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 1
}

    body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 16px
    }

    body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link {
        color: #6c757d;
        padding: .5rem 1.5rem
    }

        body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-item.active .sidebar-link, body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-item.active .sidebar-link:hover, body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link:hover {
            color: #568fed
        }

    body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-dropdown .sidebar-link {
        padding: .5rem 1.5rem .5rem 2.5rem
    }

    body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
        padding: .5rem 1.5rem .5rem 3.5rem
    }

body[data-sidebar-behavior=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:before {
    top: .9rem
}

body[data-sidebar-behavior=compact] .sidebar .sidebar-dropdown [aria-expanded=true]:before, body[data-sidebar-behavior=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):before {
    top: 1.1rem
}

body[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item:hover > .sidebar-dropdown {
    display: block
}

body[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    left: 80px
}

    body[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar-nav > .sidebar-item > .sidebar-dropdown:before {
        left: -16px
    }

body[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar.collapsed {
    margin-left: -68px
}

@media (min-width:1px) and (max-width:991.98px) {
    body[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar {
        margin-left: -68px
    }

        body[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar.collapsed {
            margin-left: 0
        }
}

body[data-sidebar-behavior=compact][data-sidebar-position=right] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    right: 80px
}

    body[data-sidebar-behavior=compact][data-sidebar-position=right] .sidebar-nav > .sidebar-item > .sidebar-dropdown:before {
        right: -16px
    }

body[data-sidebar-behavior=compact][data-sidebar-position=right] .sidebar.collapsed {
    margin-right: -68px
}

@media (min-width:1px) and (max-width:991.98px) {
    body[data-sidebar-behavior=compact][data-sidebar-position=right] .sidebar {
        margin-right: -68px
    }

        body[data-sidebar-behavior=compact][data-sidebar-position=right] .sidebar.collapsed {
            margin-right: 0
        }
}

.min-vw-50 {
    min-width: 50vw !important
}

.min-vh-50 {
    min-height: 50vh !important
}

.vw-50 {
    width: 50vw !important
}

.vh-50 {
    height: 50vh !important
}

.stat {
    background: #e0eafc;
    border-radius: 50%;
    height: 48px;
    padding: .75rem;
    width: 48px
}

    .stat svg {
        color: #3f80ea !important;
        height: 24px;
        width: 24px
    }

.stat-sm {
    height: 40px;
    padding: .625rem;
    width: 40px
}

    .stat-sm svg {
        height: 20px;
        width: 20px
    }

.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr {
    border-color: #dee6ed
}

.card > .datatables_wrapper .table.datatable, .card > .table, .card > .table-responsive-lg .table, .card > .table-responsive-md .table, .card > .table-responsive-sm .table, .card > .table-responsive-xl .table, .card > .table-responsive .table {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0
}

    .card > .datatables_wrapper .table.datatable td:first-child, .card > .datatables_wrapper .table.datatable th:first-child, .card > .table-responsive-lg .table td:first-child, .card > .table-responsive-lg .table th:first-child, .card > .table-responsive-md .table td:first-child, .card > .table-responsive-md .table th:first-child, .card > .table-responsive-sm .table td:first-child, .card > .table-responsive-sm .table th:first-child, .card > .table-responsive-xl .table td:first-child, .card > .table-responsive-xl .table th:first-child, .card > .table-responsive .table td:first-child, .card > .table-responsive .table th:first-child, .card > .table td:first-child, .card > .table th:first-child {
        border-left: 0;
        padding-left: 1.25rem
    }

    .card > .datatables_wrapper .table.datatable td:last-child, .card > .datatables_wrapper .table.datatable th:last-child, .card > .table-responsive-lg .table td:last-child, .card > .table-responsive-lg .table th:last-child, .card > .table-responsive-md .table td:last-child, .card > .table-responsive-md .table th:last-child, .card > .table-responsive-sm .table td:last-child, .card > .table-responsive-sm .table th:last-child, .card > .table-responsive-xl .table td:last-child, .card > .table-responsive-xl .table th:last-child, .card > .table-responsive .table td:last-child, .card > .table-responsive .table th:last-child, .card > .table td:last-child, .card > .table th:last-child {
        border-right: 0;
        padding-right: 1.25rem
    }

    .card > .datatables_wrapper .table.datatable tr:first-child td, .card > .datatables_wrapper .table.datatable tr:first-child th, .card > .table-responsive-lg .table tr:first-child td, .card > .table-responsive-lg .table tr:first-child th, .card > .table-responsive-md .table tr:first-child td, .card > .table-responsive-md .table tr:first-child th, .card > .table-responsive-sm .table tr:first-child td, .card > .table-responsive-sm .table tr:first-child th, .card > .table-responsive-xl .table tr:first-child td, .card > .table-responsive-xl .table tr:first-child th, .card > .table-responsive .table tr:first-child td, .card > .table-responsive .table tr:first-child th, .card > .table tr:first-child td, .card > .table tr:first-child th {
        border-top: 0
    }

    .card > .datatables_wrapper .table.datatable tr:last-child td, .card > .table-responsive-lg .table tr:last-child td, .card > .table-responsive-md .table tr:last-child td, .card > .table-responsive-sm .table tr:last-child td, .card > .table-responsive-xl .table tr:last-child td, .card > .table-responsive .table tr:last-child td, .card > .table tr:last-child td {
        border-bottom: 0
    }

.card .card-header + .table {
    border-top: 0
}

.table-action a {
    color: #6c757d
}

    .table-action a:hover {
        color: #212529
    }

.table-action .feather {
    height: 18px;
    width: 18px
}

.table > tbody > tr > td {
    vertical-align: middle
}

.card > .datatables_wrapper .table.datatable {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.card > .datatables_wrapper .datatables_info {
    padding: 1rem 1.25rem
}

.card > .datatables_wrapper .datatables_paginate {
    padding: .6rem 1.25rem
}

.dt-bootstrap4 {
    width: calc(100% - 2px)
}

table.datatable tbody > tr.selected, table.datatable tbody > tr > .selected {
    --bs-table-accent-bg: $primary
}

.tab {
    margin-bottom: 2rem
}

    .tab .nav-tabs {
        border: 0
    }

        .tab .nav-tabs .nav-link {
            background: transparent;
            border: 0;
            color: #020202;
            padding: .75rem 1rem
        }

            .tab .nav-tabs .nav-link.active {
                background: #fff;
                color: #020202
            }

            .tab .nav-tabs .nav-link:hover:not(.active) {
                color: #3f80ea
            }

            .tab .nav-tabs .nav-link svg {
                height: 20px;
                width: 20px
            }

    .tab .tab-content {
        background: #fff;
        border-radius: 0 0 .2rem .2rem;
        box-shadow: 0 .1rem .2rem rgba(0,0,0,.05);
        padding: 1.25rem
    }

        .tab .tab-content p:last-child {
            margin-bottom: 0
        }

.tab-primary .nav-tabs .nav-link.active {
    background: #3f80ea;
    border-bottom-color: #3f80ea;
    color: #fff
}

.tab-primary .tab-content {
    background: #3f80ea;
    color: #fff
}

.tab-primary .h1, .tab-primary .h2, .tab-primary .h3, .tab-primary .h4, .tab-primary .h5, .tab-primary .h6, .tab-primary h1, .tab-primary h2, .tab-primary h3, .tab-primary h4, .tab-primary h5, .tab-primary h6 {
    color: #fff
}

.tab-secondary .nav-tabs .nav-link.active {
    background: #495057;
    border-bottom-color: #495057;
    color: #fff
}

.tab-secondary .tab-content {
    background: #495057;
    color: #fff
}

.tab-secondary .h1, .tab-secondary .h2, .tab-secondary .h3, .tab-secondary .h4, .tab-secondary .h5, .tab-secondary .h6, .tab-secondary h1, .tab-secondary h2, .tab-secondary h3, .tab-secondary h4, .tab-secondary h5, .tab-secondary h6 {
    color: #fff
}

.tab-success .nav-tabs .nav-link.active {
    background: #4bbf73;
    border-bottom-color: #4bbf73;
    color: #fff
}

.tab-success .tab-content {
    background: #4bbf73;
    color: #fff
}

.tab-success .h1, .tab-success .h2, .tab-success .h3, .tab-success .h4, .tab-success .h5, .tab-success .h6, .tab-success h1, .tab-success h2, .tab-success h3, .tab-success h4, .tab-success h5, .tab-success h6 {
    color: #fff
}

.tab-info .nav-tabs .nav-link.active {
    background: #1f9bcf;
    border-bottom-color: #1f9bcf;
    color: #fff
}

.tab-info .tab-content {
    background: #1f9bcf;
    color: #fff
}

.tab-info .h1, .tab-info .h2, .tab-info .h3, .tab-info .h4, .tab-info .h5, .tab-info .h6, .tab-info h1, .tab-info h2, .tab-info h3, .tab-info h4, .tab-info h5, .tab-info h6 {
    color: #fff
}

.tab-warning .nav-tabs .nav-link.active {
    background: #e5a54b;
    border-bottom-color: #e5a54b;
    color: #fff
}

.tab-warning .tab-content {
    background: #e5a54b;
    color: #fff
}

.tab-warning .h1, .tab-warning .h2, .tab-warning .h3, .tab-warning .h4, .tab-warning .h5, .tab-warning .h6, .tab-warning h1, .tab-warning h2, .tab-warning h3, .tab-warning h4, .tab-warning h5, .tab-warning h6 {
    color: #fff
}

.tab-danger .nav-tabs .nav-link.active {
    background: #d9534f;
    border-bottom-color: #d9534f;
    color: #fff
}

.tab-danger .tab-content {
    background: #d9534f;
    color: #fff
}

.tab-danger .h1, .tab-danger .h2, .tab-danger .h3, .tab-danger .h4, .tab-danger .h5, .tab-danger .h6, .tab-danger h1, .tab-danger h2, .tab-danger h3, .tab-danger h4, .tab-danger h5, .tab-danger h6 {
    color: #fff
}

.tab-light .nav-tabs .nav-link.active {
    background: #eff2f6;
    border-bottom-color: #eff2f6;
    color: #fff
}

.tab-light .tab-content {
    background: #eff2f6;
    color: #fff
}

.tab-light .h1, .tab-light .h2, .tab-light .h3, .tab-light .h4, .tab-light .h5, .tab-light .h6, .tab-light h1, .tab-light h2, .tab-light h3, .tab-light h4, .tab-light h5, .tab-light h6 {
    color: #fff
}

.tab-dark .nav-tabs .nav-link.active {
    background: #293042;
    border-bottom-color: #293042;
    color: #fff
}

.tab-dark .tab-content {
    background: #293042;
    color: #fff
}

.tab-dark .h1, .tab-dark .h2, .tab-dark .h3, .tab-dark .h4, .tab-dark .h5, .tab-dark .h6, .tab-dark h1, .tab-dark h2, .tab-dark h3, .tab-dark h4, .tab-dark h5, .tab-dark h6 {
    color: #fff
}

.tab-title {
    font-size: .95rem
}

.tab-vertical .nav-tabs {
    flex-direction: column;
    float: left
}

    .tab-vertical .nav-tabs .nav-link {
        border-bottom-left-radius: .2rem;
        border-bottom-right-radius: 0;
        border-top-left-radius: .2rem;
        border-top-right-radius: 0
    }

.tab-vertical .tab-content {
    overflow: auto
}

.timeline {
    list-style-type: none;
    position: relative
}

    .timeline:before {
        background: #dee6ed;
        height: 100%;
        left: 9px;
        width: 2px
    }

    .timeline-item:before, .timeline:before {
        content: " ";
        display: inline-block;
        position: absolute;
        z-index: 1
    }

.timeline-item:before {
    background: #fff;
    border: 3px solid #3f80ea;
    border-radius: 50%;
    height: 20px;
    left: 0;
    width: 20px
}

.text-sm {
    font-size: .75rem
}

.text-lg {
    font-size: .95rem
}

.font-weight-bold, b, strong {
    color: #495057;
    font-weight: 500
}

pre.snippet .hljs {
    background: #293042;
    border-radius: .3rem;
    padding: 1rem
}

a {
    cursor: pointer
}

.wizard.sw-theme-default > .nav .nav-link.active {
    color: #3f80ea !important
}

    .wizard.sw-theme-default > .nav .nav-link.active:after {
        background: #3f80ea !important
    }

.wizard.sw-theme-default > .nav .nav-link.done {
    color: #84aef2 !important
}

    .wizard.sw-theme-default > .nav .nav-link.done:after {
        background: #84aef2 !important
    }

.wizard.sw-theme-arrows > .nav .nav-link.active {
    background: #3f80ea !important;
    border-color: #3f80ea !important
}

    .wizard.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #3f80ea !important
    }

.wizard.sw-theme-arrows > .nav .nav-link.done {
    background: #84aef2 !important;
    border-color: #84aef2 !important
}

    .wizard.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #84aef2 !important
    }

.wizard-primary.sw-theme-default > .nav .nav-link.active {
    color: #3f80ea !important
}

    .wizard-primary.sw-theme-default > .nav .nav-link.active:after {
        background: #3f80ea !important
    }

.wizard-primary.sw-theme-default > .nav .nav-link.done {
    color: #84aef2 !important
}

    .wizard-primary.sw-theme-default > .nav .nav-link.done:after {
        background: #84aef2 !important
    }

.wizard-primary.sw-theme-arrows > .nav .nav-link.active {
    background: #3f80ea !important;
    border-color: #3f80ea !important
}

    .wizard-primary.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #3f80ea !important
    }

.wizard-primary.sw-theme-arrows > .nav .nav-link.done {
    background: #84aef2 !important;
    border-color: #84aef2 !important
}

    .wizard-primary.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #84aef2 !important
    }

.wizard-secondary.sw-theme-default > .nav .nav-link.active {
    color: #495057 !important
}

    .wizard-secondary.sw-theme-default > .nav .nav-link.active:after {
        background: #495057 !important
    }

.wizard-secondary.sw-theme-default > .nav .nav-link.done {
    color: #6c7681 !important
}

    .wizard-secondary.sw-theme-default > .nav .nav-link.done:after {
        background: #6c7681 !important
    }

.wizard-secondary.sw-theme-arrows > .nav .nav-link.active {
    background: #495057 !important;
    border-color: #495057 !important
}

    .wizard-secondary.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #495057 !important
    }

.wizard-secondary.sw-theme-arrows > .nav .nav-link.done {
    background: #6c7681 !important;
    border-color: #6c7681 !important
}

    .wizard-secondary.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #6c7681 !important
    }

.wizard-success.sw-theme-default > .nav .nav-link.active {
    color: #4bbf73 !important
}

    .wizard-success.sw-theme-default > .nav .nav-link.active:after {
        background: #4bbf73 !important
    }

.wizard-success.sw-theme-default > .nav .nav-link.done {
    color: #83d39f !important
}

    .wizard-success.sw-theme-default > .nav .nav-link.done:after {
        background: #83d39f !important
    }

.wizard-success.sw-theme-arrows > .nav .nav-link.active {
    background: #4bbf73 !important;
    border-color: #4bbf73 !important
}

    .wizard-success.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #4bbf73 !important
    }

.wizard-success.sw-theme-arrows > .nav .nav-link.done {
    background: #83d39f !important;
    border-color: #83d39f !important
}

    .wizard-success.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #83d39f !important
    }

.wizard-info.sw-theme-default > .nav .nav-link.active {
    color: #1f9bcf !important
}

    .wizard-info.sw-theme-default > .nav .nav-link.active:after {
        background: #1f9bcf !important
    }

.wizard-info.sw-theme-default > .nav .nav-link.done {
    color: #55bbe6 !important
}

    .wizard-info.sw-theme-default > .nav .nav-link.done:after {
        background: #55bbe6 !important
    }

.wizard-info.sw-theme-arrows > .nav .nav-link.active {
    background: #1f9bcf !important;
    border-color: #1f9bcf !important
}

    .wizard-info.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #1f9bcf !important
    }

.wizard-info.sw-theme-arrows > .nav .nav-link.done {
    background: #55bbe6 !important;
    border-color: #55bbe6 !important
}

    .wizard-info.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #55bbe6 !important
    }

.wizard-warning.sw-theme-default > .nav .nav-link.active {
    color: #e5a54b !important
}

    .wizard-warning.sw-theme-default > .nav .nav-link.active:after {
        background: #e5a54b !important
    }

.wizard-warning.sw-theme-default > .nav .nav-link.done {
    color: #efc68e !important
}

    .wizard-warning.sw-theme-default > .nav .nav-link.done:after {
        background: #efc68e !important
    }

.wizard-warning.sw-theme-arrows > .nav .nav-link.active {
    background: #e5a54b !important;
    border-color: #e5a54b !important
}

    .wizard-warning.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #e5a54b !important
    }

.wizard-warning.sw-theme-arrows > .nav .nav-link.done {
    background: #efc68e !important;
    border-color: #efc68e !important
}

    .wizard-warning.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #efc68e !important
    }

.wizard-danger.sw-theme-default > .nav .nav-link.active {
    color: #d9534f !important
}

    .wizard-danger.sw-theme-default > .nav .nav-link.active:after {
        background: #d9534f !important
    }

.wizard-danger.sw-theme-default > .nav .nav-link.done {
    color: #e7908e !important
}

    .wizard-danger.sw-theme-default > .nav .nav-link.done:after {
        background: #e7908e !important
    }

.wizard-danger.sw-theme-arrows > .nav .nav-link.active {
    background: #d9534f !important;
    border-color: #d9534f !important
}

    .wizard-danger.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #d9534f !important
    }

.wizard-danger.sw-theme-arrows > .nav .nav-link.done {
    background: #e7908e !important;
    border-color: #e7908e !important
}

    .wizard-danger.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #e7908e !important
    }

.wizard-light.sw-theme-default > .nav .nav-link.active {
    color: #eff2f6 !important
}

    .wizard-light.sw-theme-default > .nav .nav-link.active:after {
        background: #eff2f6 !important
    }

.wizard-light.sw-theme-default > .nav .nav-link.done {
    color: #fff !important
}

    .wizard-light.sw-theme-default > .nav .nav-link.done:after {
        background: #fff !important
    }

.wizard-light.sw-theme-arrows > .nav .nav-link.active {
    background: #eff2f6 !important;
    border-color: #eff2f6 !important
}

    .wizard-light.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #eff2f6 !important
    }

.wizard-light.sw-theme-arrows > .nav .nav-link.done {
    background: #fff !important;
    border-color: #fff !important
}

    .wizard-light.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #fff !important
    }

.wizard-dark.sw-theme-default > .nav .nav-link.active {
    color: #293042 !important
}

    .wizard-dark.sw-theme-default > .nav .nav-link.active:after {
        background: #293042 !important
    }

.wizard-dark.sw-theme-default > .nav .nav-link.done {
    color: #465271 !important
}

    .wizard-dark.sw-theme-default > .nav .nav-link.done:after {
        background: #465271 !important
    }

.wizard-dark.sw-theme-arrows > .nav .nav-link.active {
    background: #293042 !important;
    border-color: #293042 !important
}

    .wizard-dark.sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #293042 !important
    }

.wizard-dark.sw-theme-arrows > .nav .nav-link.done {
    background: #465271 !important;
    border-color: #465271 !important
}

    .wizard-dark.sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #465271 !important
    }

.wizard {
    background: #fff;
    background-clip: border-box;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .25rem !important;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.05);
    margin-bottom: 2rem
}

    .wizard .tab-pane {
        padding: 1.25rem !important
    }

    .wizard.sw-theme-arrows .sw-toolbar-bottom, .wizard.sw-theme-default .sw-toolbar-bottom {
        background: #fff;
        border-top: 1px solid #dee6ed
    }

    .wizard.sw-theme-arrows .step-content, .wizard.sw-theme-default .step-content {
        padding: 10px
    }

.wrapper {
    align-items: stretch;
    display: flex;
    width: 100%
}

body[data-layout=boxed] .wrapper {
    border-left: 1px solid #dee6ed;
    border-right: 1px solid #dee6ed;
    margin: 0 auto;
    max-width: 1800px;
    overflow: hidden
}

@media (min-width:1440px) {
    body[data-layout=boxed] .wrapper {
        width: 90vw
    }
}

.bg-primary-dark {
    background-color: #1659c7 !important
}

a.bg-primary-dark:focus, a.bg-primary-dark:hover, button.bg-primary-dark:focus, button.bg-primary-dark:hover {
    background-color: #149 !important
}

.bg-primary-light {
    background-color: #84aef2 !important
}

a.bg-primary-light:focus, a.bg-primary-light:hover, button.bg-primary-light:focus, button.bg-primary-light:hover {
    background-color: #568fed !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-top-lg {
    border-top-left-radius: .3rem !important
}

.rounded-right-lg, .rounded-top-lg {
    border-top-right-radius: .3rem !important
}

.rounded-bottom-lg, .rounded-right-lg {
    border-bottom-right-radius: .3rem !important
}

.rounded-bottom-lg, .rounded-left-lg {
    border-bottom-left-radius: .3rem !important
}

.rounded-left-lg {
    border-top-left-radius: .3rem !important
}

.rounded-sm {
    border-radius: .1rem !important
}

.rounded-top-sm {
    border-top-left-radius: .1rem !important
}

.rounded-right-sm, .rounded-top-sm {
    border-top-right-radius: .1rem !important
}

.rounded-bottom-sm, .rounded-right-sm {
    border-bottom-right-radius: .1rem !important
}

.rounded-bottom-sm, .rounded-left-sm {
    border-bottom-left-radius: .1rem !important
}

.rounded-left-sm {
    border-top-left-radius: .1rem !important
}

.cursor-grab {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.cursor-pointer {
    cursor: pointer
}

.fs-lg, .fs-sm {
    font-size: .95rem
}

.overflow-scroll {
    overflow: scroll
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-visible {
    overflow: visible
}

.absolute-top {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-6 {
    z-index: 6
}

.z-7 {
    z-index: 7
}

.z-8 {
    z-index: 8
}

.z-9 {
    z-index: 9
}

.z-10 {
    z-index: 10
}

.z-11 {
    z-index: 11
}

.z-12 {
    z-index: 12
}

.z-13 {
    z-index: 13
}

.z-14 {
    z-index: 14
}

.z-15 {
    z-index: 15
}

.z-16 {
    z-index: 16
}

.z-17 {
    z-index: 17
}

.z-18 {
    z-index: 18
}

.z-19 {
    z-index: 19
}

.z-20 {
    z-index: 20
}

.z-21 {
    z-index: 21
}

.z-22 {
    z-index: 22
}

.z-23 {
    z-index: 23
}

.z-24 {
    z-index: 24
}

.z-25 {
    z-index: 25
}

.z-26 {
    z-index: 26
}

.z-27 {
    z-index: 27
}

.z-28 {
    z-index: 28
}

.z-29 {
    z-index: 29
}

.z-30 {
    z-index: 30
}

.z-31 {
    z-index: 31
}

.z-32 {
    z-index: 32
}

.z-33 {
    z-index: 33
}

.z-34 {
    z-index: 34
}

.z-35 {
    z-index: 35
}

.z-36 {
    z-index: 36
}

.z-37 {
    z-index: 37
}

.z-38 {
    z-index: 38
}

.z-39 {
    z-index: 39
}

.z-40 {
    z-index: 40
}

.z-41 {
    z-index: 41
}

.z-42 {
    z-index: 42
}

.z-43 {
    z-index: 43
}

.z-44 {
    z-index: 44
}

.z-45 {
    z-index: 45
}

.z-46 {
    z-index: 46
}

.z-47 {
    z-index: 47
}

.z-48 {
    z-index: 48
}

.z-49 {
    z-index: 49
}

.z-50 {
    z-index: 50
}

.apexcharts-canvas {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .apexcharts-canvas ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px
    }

    .apexcharts-canvas ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 4px;
        box-shadow: 0 0 1px rgba(255,255,255,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
    }

.apexcharts-inner {
    position: relative
}

.apexcharts-text tspan {
    font-family: inherit
}

.legend-mouseover-inactive {
    opacity: .2;
    transition: all .15s ease
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 20px;
    transition: all .15s ease;
    white-space: nowrap;
    z-index: 12
}

    .apexcharts-tooltip.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        background: rgba(255,255,255,.96);
        border: 1px solid #e3e3e3
    }

    .apexcharts-tooltip.apexcharts-theme-dark {
        background: rgba(30,30,30,.8);
        color: #fff
    }

    .apexcharts-tooltip * {
        font-family: inherit
    }

.apexcharts-tooltip-title {
    font-size: 15px;
    margin-bottom: 4px;
    padding: 6px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0,0,0,.7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px
}

    .apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, .apexcharts-tooltip-text-y-value:empty, .apexcharts-tooltip-text-z-value:empty {
        display: none
    }

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    font-weight: 600
}

.apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    padding: 6px 0 5px
}

.apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    display: flex
}

    .apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) {
        margin-top: -6px
    }

.apexcharts-tooltip-marker {
    border-radius: 50%;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 12px
}

.apexcharts-tooltip-series-group {
    align-items: center;
    display: none;
    justify-content: left;
    padding: 0 10px;
    text-align: left
}

    .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
        opacity: 1
    }

    .apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 4px
    }

.apexcharts-tooltip-series-group-hidden {
    height: 0;
    line-height: 0;
    opacity: 0;
    padding: 0 !important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-custom-tooltip, .apexcharts-tooltip-box {
    padding: 4px 8px
}

.apexcharts-tooltip-boxPlot {
    display: flex;
    flex-direction: column-reverse
}

.apexcharts-tooltip-box > div {
    margin: 4px 0
}

.apexcharts-tooltip-box span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

    .apexcharts-tooltip-rangebar .category {
        color: #777;
        font-weight: 600
    }

    .apexcharts-tooltip-rangebar .series-name {
        display: block;
        font-weight: 700;
        margin-bottom: 5px
    }

.apexcharts-xaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .15s ease;
    z-index: 10
}

    .apexcharts-xaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .apexcharts-xaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-left: -6px
    }

    .apexcharts-xaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-left: -7px
    }

.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #eceff1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90a4ae
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #eceff1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90a4ae
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-yaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 10
}

    .apexcharts-yaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: 0
    }

    .apexcharts-yaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-top: -6px
    }

    .apexcharts-yaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-top: -7px
    }

.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #eceff1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90a4ae
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #eceff1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90a4ae
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
    opacity: 0;
    pointer-events: none;
    transition: all .15s ease
}

    .apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect, .svg_select_points_rot {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_boundingRect, .apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_points_l, .apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    color: #6e8192;
    cursor: pointer;
    height: 20px;
    line-height: 24px;
    text-align: center;
    width: 20px
}

    .apexcharts-menu-icon svg, .apexcharts-reset-icon svg, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, .apexcharts-zoomout-icon svg {
        fill: #6e8192
    }

    .apexcharts-selection-icon svg {
        fill: #444;
        transform: scale(.76)
    }

.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008ffb
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon, .apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    left: 1px;
    position: relative;
    top: 0;
    transform: scale(.62)
}

    .apexcharts-pan-icon svg {
        fill: #fff;
        stroke: #6e8192;
        stroke-width: 2
    }

    .apexcharts-pan-icon.apexcharts-selected svg {
        stroke: #008ffb
    }

    .apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
        stroke: #333
    }

.apexcharts-toolbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    max-width: 176px;
    padding: 0 6px 2px;
    position: absolute;
    text-align: right;
    z-index: 11
}

.apexcharts-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 110px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 100%;
    transition: all .15s ease
}

    .apexcharts-menu.apexcharts-menu-open {
        opacity: 1;
        pointer-events: all;
        transition: all .15s ease
    }

.apexcharts-menu-item {
    cursor: pointer;
    font-size: 12px;
    padding: 6px 7px
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0,0,0,.7);
    color: #fff
}

@media screen and (min-width:768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0
}

.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: opaque;
    animation-name: opaque;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    opacity: 0
}

.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: all .15s ease
}

@-webkit-keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.resize-triggers {
    -webkit-animation: resizeanim 1ms;
    animation: resizeanim 1ms;
    opacity: 0;
    visibility: hidden
}

    .contract-trigger:before, .resize-triggers, .resize-triggers > div {
        content: " ";
        display: block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto
        }

.contract-trigger:before {
    height: 200%;
    width: 200%
}

.daterangepicker {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: arial;
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

    .daterangepicker:after, .daterangepicker:before {
        content: "";
        display: inline-block;
        position: absolute
    }

    .daterangepicker:before {
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        top: -7px
    }

    .daterangepicker:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        top: -6px
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        width: 0
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            border-bottom: initial;
            border-top: 7px solid #ccc;
            bottom: -7px;
            top: auto
        }

        .daterangepicker.drop-up:after {
            border-bottom: initial;
            border-top: 6px solid #fff;
            bottom: -6px;
            top: auto
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        border: solid #000;
        border-radius: 0;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        min-width: 32px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 32px
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px
    }

        .daterangepicker .calendar-table table {
            border-collapse: collapse;
            border-spacing: 0;
            margin: 0;
            width: 100%
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        color: #ccc;
        font-size: 80%
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        cursor: default;
        font-size: 12px;
        height: auto;
        margin: 0;
        padding: 1px
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        background: #eee;
        border: 1px solid #eee;
        font-size: 12px;
        margin: 0 auto;
        outline: 0;
        padding: 2px;
        width: 50px
    }

    .daterangepicker .calendar-time {
        line-height: 30px;
        margin: 4px auto 0;
        position: relative;
        text-align: center
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        border-top: 1px solid #ddd;
        clear: both;
        display: none;
        line-height: 12px;
        padding: 8px;
        text-align: right;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 12px;
        font-weight: 700;
        margin-left: 8px;
        padding: 4px 8px
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        margin: 0;
        text-align: left
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        cursor: pointer;
        font-size: 12px;
        padding: 8px 12px
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c
        }

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
            float: left
        }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-bottom-right-radius: 0;
                border-right: none;
                border-top-right-radius: 0
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-bottom-left-radius: 0;
                border-left: none;
                border-top-left-radius: 0
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px
        }

        .daterangepicker .drp-calendar, .daterangepicker .ranges {
            float: left
        }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}
/*! Bootstrap 5 integration for datatables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */

table.datatable {
    border-collapse: separate !important;
    border-spacing: 0;
    clear: both;
    margin-bottom: 6px !important;
    margin-top: 6px !important;
    max-width: none !important
}

    table.datatable td, table.datatable th {
        box-sizing: content-box
    }

        table.datatable td.datatables_empty, table.datatable th.datatables_empty {
            text-align: center
        }

    table.datatable.nowrap td, table.datatable.nowrap th {
        white-space: nowrap
    }

div.datatables_wrapper div.datatables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.datatables_wrapper div.datatables_length select {
    display: inline-block;
    width: auto
}

div.datatables_wrapper div.datatables_filter {
    text-align: right
}

    div.datatables_wrapper div.datatables_filter label {
        font-weight: 400;
        text-align: left;
        white-space: nowrap
    }

    div.datatables_wrapper div.datatables_filter input {
        display: inline-block;
        margin-left: .5em;
        width: auto
    }

div.datatables_wrapper div.datatables_info {
    padding-top: .85em
}

div.datatables_wrapper div.datatables_paginate {
    margin: 0;
    text-align: right;
    white-space: nowrap
}

    div.datatables_wrapper div.datatables_paginate ul.pagination {
        justify-content: flex-end;
        margin: 2px 0;
        white-space: nowrap
    }

div.datatables_wrapper div.datatables_processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -26px;
    padding: 1em 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px
}

table.datatable > thead > tr > td:active, table.datatable > thead > tr > th:active {
    outline: none
}

table.datatable > thead > tr > td:not(.sorting_disabled), table.datatable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 30px
}

table.datatable > thead .sorting, table.datatable > thead .sorting_asc, table.datatable > thead .sorting_asc_disabled, table.datatable > thead .sorting_desc, table.datatable > thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    table.datatable > thead .sorting:after, table.datatable > thead .sorting:before, table.datatable > thead .sorting_asc:after, table.datatable > thead .sorting_asc:before, table.datatable > thead .sorting_asc_disabled:after, table.datatable > thead .sorting_asc_disabled:before, table.datatable > thead .sorting_desc:after, table.datatable > thead .sorting_desc:before, table.datatable > thead .sorting_desc_disabled:after, table.datatable > thead .sorting_desc_disabled:before {
        bottom: .5em;
        display: block;
        opacity: .3;
        position: absolute
    }

    table.datatable > thead .sorting:before, table.datatable > thead .sorting_asc:before, table.datatable > thead .sorting_asc_disabled:before, table.datatable > thead .sorting_desc:before, table.datatable > thead .sorting_desc_disabled:before {
        content: "↑";
        right: 1em
    }

    table.datatable > thead .sorting:after, table.datatable > thead .sorting_asc:after, table.datatable > thead .sorting_asc_disabled:after, table.datatable > thead .sorting_desc:after, table.datatable > thead .sorting_desc_disabled:after {
        content: "↓";
        right: .5em
    }

    table.datatable > thead .sorting_asc:before, table.datatable > thead .sorting_desc:after {
        opacity: 1
    }

    table.datatable > thead .sorting_asc_disabled:before, table.datatable > thead .sorting_desc_disabled:after {
        opacity: 0
    }

div.datatables_scrollHead table.datatable {
    margin-bottom: 0 !important
}

div.datatables_scrollBody table {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

    div.datatables_scrollBody table thead .sorting:after, div.datatables_scrollBody table thead .sorting:before, div.datatables_scrollBody table thead .sorting_asc:after, div.datatables_scrollBody table thead .sorting_asc:before, div.datatables_scrollBody table thead .sorting_desc:after, div.datatables_scrollBody table thead .sorting_desc:before {
        display: none
    }

    div.datatables_scrollBody table tbody tr:first-child td, div.datatables_scrollBody table tbody tr:first-child th {
        border-top: none
    }

div.datatables_scrollFoot > .datatables_scrollFootInner {
    box-sizing: content-box
}

    div.datatables_scrollFoot > .datatables_scrollFootInner > table {
        border-top: none;
        margin-top: 0 !important
    }

@media screen and (max-width:767px) {
    div.datatables_wrapper div.datatables_filter, div.datatables_wrapper div.datatables_info, div.datatables_wrapper div.datatables_length, div.datatables_wrapper div.datatables_paginate {
        text-align: center
    }

        div.datatables_wrapper div.datatables_paginate ul.pagination {
            justify-content: center !important
        }
}

table.datatable.table-sm > thead > tr > th:not(.sorting_disabled) {
    padding-right: 20px
}

table.datatable.table-sm .sorting:before, table.datatable.table-sm .sorting_asc:before, table.datatable.table-sm .sorting_desc:before {
    right: .85em;
    top: 5px
}

table.datatable.table-sm .sorting:after, table.datatable.table-sm .sorting_asc:after, table.datatable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.datatable {
    border-right-width: 0
}

    table.table-bordered.datatable thead tr:first-child td, table.table-bordered.datatable thead tr:first-child th {
        border-top-width: 1px
    }

    table.table-bordered.datatable td, table.table-bordered.datatable th {
        border-left-width: 0
    }

        table.table-bordered.datatable td:first-child, table.table-bordered.datatable th:first-child {
            border-left-width: 1px
        }

        table.table-bordered.datatable td:last-child, table.table-bordered.datatable th:last-child {
            border-right-width: 1px
        }

    table.table-bordered.datatable td, table.table-bordered.datatable th {
        border-bottom-width: 1px
    }

div.datatables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.datatables_wrapper > div.row {
    margin: 0
}

    div.table-responsive > div.datatables_wrapper > div.row > div[class^=col-]:first-child {
        padding-left: 0
    }

    div.table-responsive > div.datatables_wrapper > div.row > div[class^=col-]:last-child {
        padding-right: 0
    }

@keyframes dtb-spinner {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dtb-spinner {
    to {
        transform: rotate(1turn)
    }
}

div.dt-button-info {
    background-color: #fff;
    border: 2px solid #111;
    border-radius: 3px;
    box-shadow: 3px 3px 8px rgba(0,0,0,.3);
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 21
}

    div.dt-button-info .h2, div.dt-button-info h2 {
        background-color: #f3f3f3;
        border-bottom: 1px solid #ddd;
        font-weight: 400;
        margin: 0;
        padding: .5em
    }

    div.dt-button-info > div {
        padding: 1em
    }

div.dt-button-collection-title {
    font-size: .9em;
    padding: .3em 0 .5em;
    text-align: center
}

    div.dt-button-collection-title:empty {
        display: none
    }

div.dt-button-collection {
    position: absolute;
    z-index: 2001
}

    div.dt-button-collection div.dropdown-menu {
        display: block;
        min-width: 100%;
        z-index: 2002
    }

    div.dt-button-collection div.dt-button-collection-title {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.15)
    }

    div.dt-button-collection.fixed {
        border-radius: 0;
        left: 50%;
        margin-left: -75px;
        position: fixed;
        top: 50%
    }

        div.dt-button-collection.fixed.two-column {
            margin-left: -200px
        }

        div.dt-button-collection.fixed.three-column {
            margin-left: -225px
        }

        div.dt-button-collection.fixed.four-column {
            margin-left: -300px
        }

    div.dt-button-collection > :last-child {
        -moz-column-gap: 8px;
        -ms-column-gap: 8px;
        -o-column-gap: 8px;
        column-gap: 8px;
        display: block !important
    }

        div.dt-button-collection > :last-child > * {
            -moz-column-break-inside: avoid;
            break-inside: avoid
        }

    div.dt-button-collection.two-column {
        width: 400px
    }

        div.dt-button-collection.two-column > :last-child {
            -moz-column-count: 2;
            -ms-column-count: 2;
            -o-column-count: 2;
            column-count: 2;
            padding-bottom: 1px
        }

    div.dt-button-collection.three-column {
        width: 450px
    }

        div.dt-button-collection.three-column > :last-child {
            -moz-column-count: 3;
            -ms-column-count: 3;
            -o-column-count: 3;
            column-count: 3;
            padding-bottom: 1px
        }

    div.dt-button-collection.four-column {
        width: 600px
    }

        div.dt-button-collection.four-column > :last-child {
            -moz-column-count: 4;
            -ms-column-count: 4;
            -o-column-count: 4;
            column-count: 4;
            padding-bottom: 1px
        }

    div.dt-button-collection .dt-button {
        border-radius: 0
    }

    div.dt-button-collection.fixed {
        max-width: none
    }

        div.dt-button-collection.fixed:after, div.dt-button-collection.fixed:before {
            display: none
        }

div.dt-button-background {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

@media screen and (max-width:767px) {
    div.dt-buttons {
        float: none;
        margin-bottom: .5em;
        text-align: center;
        width: 100%
    }

        div.dt-buttons a.btn {
            float: none
        }
}

div.dt-buttons a.btn.processing, div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing {
    color: rgba(0,0,0,.2)
}

    div.dt-buttons a.btn.processing:after, div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after {
        animation: dtb-spinner 1.5s linear infinite;
        -o-animation: dtb-spinner 1.5s linear infinite;
        -ms-animation: dtb-spinner 1.5s linear infinite;
        -webkit-animation: dtb-spinner 1.5s linear infinite;
        -moz-animation: dtb-spinner 1.5s linear infinite;
        border-color: #282828 transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 2px;
        box-sizing: border-box;
        content: " ";
        display: block;
        height: 16px;
        left: 50%;
        margin: -8px 0 0 -8px;
        position: absolute;
        top: 50%;
        width: 16px
    }

table.datatable.dtr-inline.collapsed > tbody > tr > td.child, table.datatable.dtr-inline.collapsed > tbody > tr > td.datatables_empty, table.datatable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

    table.datatable.dtr-inline.collapsed > tbody > tr > td.child:before, table.datatable.dtr-inline.collapsed > tbody > tr > td.datatables_empty:before, table.datatable.dtr-inline.collapsed > tbody > tr > th.child:before {
        display: none !important
    }

table.datatable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.datatable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    cursor: pointer;
    padding-left: 30px;
    position: relative
}

    table.datatable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.datatable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
        background-color: #0d6efd;
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: block;
        font-family: Courier New,Courier,monospace;
        height: 1em;
        left: 5px;
        line-height: 1em;
        margin-top: -9px;
        position: absolute;
        text-align: center;
        text-indent: 0 !important;
        top: 50%;
        width: 1em
    }

table.datatable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.datatable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: #d33333;
    content: "-"
}

table.datatable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.datatable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
    padding-left: 27px
}

    table.datatable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, table.datatable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
        border-radius: 14px;
        height: 14px;
        left: 4px;
        line-height: 14px;
        text-indent: 3px;
        width: 14px
    }

table.datatable.dtr-column > tbody > tr > td.control, table.datatable.dtr-column > tbody > tr > td.dtr-control, table.datatable.dtr-column > tbody > tr > th.control, table.datatable.dtr-column > tbody > tr > th.dtr-control {
    cursor: pointer;
    position: relative
}

    table.datatable.dtr-column > tbody > tr > td.control:before, table.datatable.dtr-column > tbody > tr > td.dtr-control:before, table.datatable.dtr-column > tbody > tr > th.control:before, table.datatable.dtr-column > tbody > tr > th.dtr-control:before {
        background-color: #0d6efd;
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: block;
        font-family: Courier New,Courier,monospace;
        height: .8em;
        left: 50%;
        line-height: 1em;
        margin-left: -.5em;
        margin-top: -.5em;
        position: absolute;
        text-align: center;
        text-indent: 0 !important;
        top: 50%;
        width: .8em
    }

table.datatable.dtr-column > tbody > tr.parent td.control:before, table.datatable.dtr-column > tbody > tr.parent td.dtr-control:before, table.datatable.dtr-column > tbody > tr.parent th.control:before, table.datatable.dtr-column > tbody > tr.parent th.dtr-control:before {
    background-color: #d33333;
    content: "-"
}

table.datatable > tbody > tr.child {
    padding: .5em 1em
}

    table.datatable > tbody > tr.child:hover {
        background: transparent !important
    }

    table.datatable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.datatable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: .5em 0
        }

            table.datatable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0
            }

            table.datatable > tbody > tr.child ul.dtr-details > li:last-child {
                border-bottom: none
            }

    table.datatable > tbody > tr.child span.dtr-title {
        display: inline-block;
        font-weight: 700;
        min-width: 75px
    }

div.dtr-modal {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 10em 1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

    div.dtr-modal div.dtr-modal-display {
        background-color: #f5f5f7;
        border: 1px solid #000;
        border-radius: .5em;
        bottom: 0;
        box-shadow: 0 12px 30px rgba(0,0,0,.6);
        height: 50%;
        left: 0;
        margin: auto;
        overflow: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        z-index: 102
    }

    div.dtr-modal div.dtr-modal-content {
        padding: 1em;
        position: relative
    }

    div.dtr-modal div.dtr-modal-close {
        background-color: #f9f9f9;
        border: 1px solid #eaeaea;
        border-radius: 3px;
        cursor: pointer;
        height: 22px;
        position: absolute;
        right: 6px;
        text-align: center;
        top: 6px;
        width: 22px;
        z-index: 12
    }

        div.dtr-modal div.dtr-modal-close:hover {
            background-color: #eaeaea
        }

    div.dtr-modal div.dtr-modal-background {
        background: rgba(0,0,0,.6);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 101
    }

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none
}

table.datatable.fixedHeader-floating, table.datatable.fixedHeader-locked {
    background-color: #fff;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

table.datatable.fixedHeader-floating {
    position: fixed !important
}

table.datatable.fixedHeader-locked {
    position: absolute !important
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

.gu-mirror {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    margin: 0 !important;
    opacity: .8;
    position: fixed !important;
    z-index: 9999 !important
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: .2
}

svg {
    touch-action: none
}

.jvm-zoomin, .jvm-zoomout, image, text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.jvm-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    touch-action: none;
    width: 100%
}

.jvm-tooltip {
    background-color: #5c5cff;
    box-shadow: 1px 2px 12px rgba(0,0,0,.2);
    display: none;
    font-family: sans-serif,Verdana;
    font-size: smaller;
    padding: 3px 5px;
    white-space: nowrap
}

.jvm-tooltip, .jvm-zoom-btn {
    border-radius: 3px;
    color: #fff;
    position: absolute
}

.jvm-zoom-btn {
    background-color: #292929;
    box-sizing: border-box;
    cursor: pointer;
    height: 15px;
    left: 10px;
    line-height: 10px;
    padding: 3px;
    width: 15px
}

    .jvm-zoom-btn.jvm-zoomout {
        top: 30px
    }

    .jvm-zoom-btn.jvm-zoomin {
        top: 10px
    }

.jvm-series-container {
    position: absolute;
    right: 15px
}

    .jvm-series-container.jvm-series-h {
        bottom: 15px
    }

    .jvm-series-container.jvm-series-v {
        top: 15px
    }

    .jvm-series-container .jvm-legend {
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: .25rem;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
        float: left;
        margin-left: .75rem;
        padding: .6rem
    }

        .jvm-series-container .jvm-legend .jvm-legend-title {
            border-bottom: 1px solid #e5e7eb;
            line-height: 1;
            margin-bottom: .575rem;
            padding-bottom: .5rem;
            text-align: left
        }

        .jvm-series-container .jvm-legend .jvm-legend-inner {
            overflow: hidden
        }

            .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
                min-width: 40px;
                overflow: hidden
            }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
                    margin-top: .575rem
                }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
                    border-radius: 4px;
                    float: left;
                    height: 16px;
                    margin-right: .65rem;
                    width: 16px
                }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
                    float: left;
                    font-size: 12px;
                    text-align: center
                }

.jvm-line[animation=true] {
    -webkit-animation: jvm-line-animation 10s linear infinite forwards;
    animation: jvm-line-animation 10s linear infinite forwards
}

@-webkit-keyframes jvm-line-animation {
    0% {
        stroke-dashoffset: 250
    }
}

@keyframes jvm-line-animation {
    0% {
        stroke-dashoffset: 250
    }
}

@-webkit-keyframes notyf-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes notyf-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes notyf-fadeinleft {
    0% {
        opacity: 0;
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes notyf-fadeinleft {
    0% {
        opacity: 0;
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes notyf-fadeoutright {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(25%)
    }
}

@keyframes notyf-fadeoutright {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(25%)
    }
}

@-webkit-keyframes notyf-fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(25%)
    }
}

@keyframes notyf-fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(25%)
    }
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%)
    }

    to {
        transform: scale(1) translateY(-45%) translateX(13%)
    }
}

@keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%)
    }

    to {
        transform: scale(1) translateY(-45%) translateX(13%)
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            overflow: hidden;
            padding-left: 8px;
            padding-right: 20px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-left: 20px;
        padding-right: 8px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            border: none;
            box-sizing: border-box;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        box-sizing: border-box;
        padding: 4px;
        width: 100%
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    clip: rect(0 0 0 0) !important;
    border: 0 !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        right: 1px;
        top: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px;
        margin-top: 5px;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg,#fff 50%,#eee);
    background-repeat: repeat-x;
    border: 1px solid #dee6ed;
    border-radius: .2rem;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
    outline: 0
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        background-image: linear-gradient(180deg,#eee 50%,#ccc);
        background-repeat: repeat-x;
        border: none;
        border-bottom-right-radius: .2rem;
        border-left: 1px solid #dee6ed;
        border-top-right-radius: .2rem;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0);
        height: 26px;
        position: absolute;
        right: 1px;
        top: 1px;
        width: 20px
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: .2rem;
    border-right: 1px solid #dee6ed;
    border-top-left-radius: .2rem;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: linear-gradient(180deg,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: linear-gradient(180deg,#eee 50%,#fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dee6ed;
    border-radius: .2rem;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #dee6ed;
        border-radius: .2rem;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee6ed;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    box-shadow: none;
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask, .simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

    .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
        height: 0;
        width: 0
    }

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer, .simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

    .simplebar-scrollbar:before {
        background: #000;
        border-radius: 7px;
        content: "";
        left: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        transition: opacity .2s linear
    }

    .simplebar-scrollbar.simplebar-visible:before {
        opacity: .5;
        transition: opacity 0s linear
    }

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        bottom: 2px;
        top: 2px
    }

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 100%;
        left: 2px;
        right: 2px
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        height: 7px;
        left: 0;
        min-height: 0;
        min-width: 10px;
        right: auto;
        top: 2px;
        width: auto
    }

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}
/*!
 * jQuery SmartWizard v5
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipu.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
 */

.sw {
    position: relative
}

    .sw *, .sw :after, .sw :before {
        box-sizing: border-box
    }

    .sw > .tab-content {
        overflow: hidden;
        position: relative
    }

    .sw .toolbar {
        padding: .8rem
    }

        .sw .toolbar > .btn {
            cursor: pointer;
            display: inline-block;
            margin-left: .2rem;
            margin-right: .2rem;
            text-align: center;
            text-decoration: none;
            text-transform: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            vertical-align: middle
        }

            .sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
                opacity: .65
            }

    .sw > .nav {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 0
    }

@media screen and (max-width:640px) {
    .sw > .nav {
        flex: 1 auto;
        flex-direction: column !important
    }
}

.sw > .nav .nav-link {
    display: block;
    padding: .5rem 1rem
}

    .sw > .nav .nav-link, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus, .sw > .nav .nav-link:hover {
        text-decoration: none
    }

        .sw > .nav .nav-link::-moz-focus-inner {
            border: 0 !important
        }

        .sw > .nav .nav-link.disabled {
            color: #ccc !important;
            cursor: default;
            pointer-events: none
        }

        .sw > .nav .nav-link.hidden {
            display: none !important
        }

.sw.sw-justified > .nav .nav-link, .sw.sw-justified > .nav > li {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.sw.sw-loading {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .sw.sw-loading:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: all .2s ease;
        width: 100%;
        z-index: 2
    }

    .sw.sw-loading:before {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        border: 10px solid #f3f3f3;
        border-radius: 50%;
        border-top-color: #3498db;
        content: "";
        display: inline-block;
        height: 2rem;
        left: 45%;
        position: absolute;
        top: 45%;
        width: 2rem;
        z-index: 10
    }

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.sw-theme-default {
    border: 1px solid #eee
}

    .sw-theme-default > .tab-content > .tab-pane {
        padding: 10px
    }

    .sw-theme-default .toolbar > .btn {
        background-color: #17a2b8;
        border: 1px solid #17a2b8;
        border-radius: .25rem;
        font-weight: 400;
        padding: .375rem .75rem
    }

    .sw-theme-default > .nav {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.1) !important
    }

        .sw-theme-default > .nav .nav-link {
            height: 100%;
            min-height: 100%;
            position: relative
        }

            .sw-theme-default > .nav .nav-link:after {
                background: #999;
                bottom: -1px;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                transition: all .35s ease .15s;
                width: 0
            }

            .sw-theme-default > .nav .nav-link.inactive {
                color: #999;
                cursor: not-allowed
            }

            .sw-theme-default > .nav .nav-link.active {
                color: #17a2b8 !important;
                cursor: pointer
            }

                .sw-theme-default > .nav .nav-link.active:after {
                    background: #17a2b8 !important;
                    width: 100%
                }

            .sw-theme-default > .nav .nav-link.done {
                color: #5cb85c !important;
                cursor: pointer
            }

                .sw-theme-default > .nav .nav-link.done:after {
                    background: #5cb85c;
                    width: 100%
                }

            .sw-theme-default > .nav .nav-link.disabled {
                color: #ddd !important;
                cursor: not-allowed
            }

                .sw-theme-default > .nav .nav-link.disabled:after {
                    background: #ddd;
                    width: 100%
                }

            .sw-theme-default > .nav .nav-link.danger {
                cursor: pointer
            }

                .sw-theme-default > .nav .nav-link.danger:after {
                    width: 100%
                }

.sw-theme-arrows {
    border: 1px solid #eee
}

    .sw-theme-arrows > .tab-content > .tab-pane {
        padding: 10px
    }

    .sw-theme-arrows .toolbar > .btn {
        background-color: #17a2b8;
        border: 1px solid #17a2b8;
        border-radius: .25rem;
        font-weight: 400;
        padding: .375rem .75rem
    }

    .sw-theme-arrows > .nav {
        border-bottom: 1px solid #eee;
        overflow: hidden
    }

        .sw-theme-arrows > .nav .nav-link {
            height: 100%;
            margin-left: -30px;
            margin-right: 30px;
            min-height: 100%;
            padding-left: 40px;
            position: relative
        }

@media screen and (max-width:640px) {
    .sw-theme-arrows > .nav .nav-link {
        margin-bottom: 1px;
        margin-right: unset;
        overflow: hidden
    }
}

.sw-theme-arrows > .nav .nav-link:after {
    border-left: 30px solid #f8f8f8;
    content: "";
    z-index: 2
}

.sw-theme-arrows > .nav .nav-link:after, .sw-theme-arrows > .nav .nav-link:before {
    border-bottom: 50px solid transparent;
    border-top: 50px solid transparent;
    display: block;
    height: 0;
    left: 100%;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 0
}

.sw-theme-arrows > .nav .nav-link:before {
    border-left: 30px solid #eee;
    content: " ";
    margin-left: 1px;
    z-index: 1
}

.sw-theme-arrows > .nav .nav-link.inactive {
    background: #f8f8f8;
    border-color: #f8f8f8;
    color: #999;
    cursor: not-allowed
}

.sw-theme-arrows > .nav .nav-link.active {
    background: #5bc0de;
    border-color: #5bc0de;
    cursor: pointer
}

    .sw-theme-arrows > .nav .nav-link.active:after {
        border-left-color: #5bc0de
    }

.sw-theme-arrows > .nav .nav-link.done {
    background: #5cb85c;
    border-color: #5cb85c;
    cursor: pointer
}

    .sw-theme-arrows > .nav .nav-link.done:after {
        border-left-color: #5cb85c
    }

.sw-theme-arrows > .nav .nav-link.disabled {
    background: #f9f9f9;
    border-color: #f9f9f9;
    color: #eee;
    cursor: not-allowed
}

    .sw-theme-arrows > .nav .nav-link.disabled:after {
        border-left-color: #f9f9f9
    }

.sw-theme-arrows.sw-dark > .nav {
    border-bottom: 1px solid #555
}

    .sw-theme-arrows.sw-dark > .nav .nav-link:after {
        border-left: 30px solid #5f5f5f
    }

    .sw-theme-arrows.sw-dark > .nav .nav-link:before {
        border-left: 30px solid #555
    }

    .sw-theme-arrows.sw-dark > .nav .nav-link.inactive {
        background: #5f5f5f;
        border-color: #5f5f5f
    }

        .sw-theme-arrows.sw-dark > .nav .nav-link.inactive:after {
            border-left-color: #5f5f5f
        }

    .sw-theme-arrows.sw-dark > .nav .nav-link.active {
        background: #0a2730;
        border-color: #010506
    }

        .sw-theme-arrows.sw-dark > .nav .nav-link.active:after {
            border-left-color: #0a2730
        }

    .sw-theme-arrows.sw-dark > .nav .nav-link.disabled {
        background: #474747;
        border-color: #f9f9f9;
        color: #555 !important
    }

        .sw-theme-arrows.sw-dark > .nav .nav-link.disabled:after {
            border-left-color: #474747
        }

.sw-theme-dots > .tab-content > .tab-pane {
    padding: 10px
}

.sw-theme-dots .toolbar > .btn {
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    border-radius: .25rem;
    color: #fff;
    font-weight: 400;
    padding: .375rem .75rem
}

.sw-theme-dots > .nav {
    margin-bottom: 10px;
    position: relative
}

    .sw-theme-dots > .nav:before {
        background-color: #eee;
        border-radius: 3px;
        content: " ";
        height: 5px;
        left: 0;
        position: absolute;
        top: 18px;
        width: 100%;
        z-index: 1
    }

    .sw-theme-dots > .nav .nav-link {
        margin-top: 40px;
        position: relative
    }

        .sw-theme-dots > .nav .nav-link:before {
            background: #f5f5f5;
            border: none;
            border-radius: 50%;
            color: #428bca;
            height: 32px;
            text-decoration: none;
            top: -36px;
            width: 32px;
            z-index: 98
        }

        .sw-theme-dots > .nav .nav-link:after, .sw-theme-dots > .nav .nav-link:before {
            content: " ";
            display: block;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            right: 0
        }

        .sw-theme-dots > .nav .nav-link:after {
            border-radius: 50%;
            height: 16px;
            top: -28px;
            width: 16px;
            z-index: 99
        }

        .sw-theme-dots > .nav .nav-link.inactive {
            color: #999;
            cursor: not-allowed
        }

            .sw-theme-dots > .nav .nav-link.inactive:after {
                background-color: #999
            }

        .sw-theme-dots > .nav .nav-link.active {
            color: #5bc0de !important;
            cursor: pointer
        }

            .sw-theme-dots > .nav .nav-link.active:after {
                background-color: #5bc0de !important
            }

        .sw-theme-dots > .nav .nav-link.done {
            color: #5cb85c;
            cursor: pointer
        }

            .sw-theme-dots > .nav .nav-link.done:after {
                background-color: #5cb85c
            }

        .sw-theme-dots > .nav .nav-link.disabled {
            color: #f9f9f9;
            cursor: not-allowed
        }

            .sw-theme-dots > .nav .nav-link.disabled:after {
                background-color: #f9f9f9
            }

        .sw-theme-dots > .nav .nav-link.danger {
            color: #d9534f;
            cursor: pointer
        }

            .sw-theme-dots > .nav .nav-link.danger:after {
                background-color: #d9534f
            }

.sw-theme-dots.sw-dark {
    background: #000;
    color: rgba(255,255,255,.95)
}

    .sw-theme-dots.sw-dark > .nav:before {
        background-color: #3c3c3c
    }

    .sw-theme-dots.sw-dark > .nav .nav-link:before {
        background: #434343;
        color: #000
    }

.sw-theme-progress {
    border: 1px solid #eee
}

    .sw-theme-progress > .tab-content > .tab-pane {
        padding: 10px
    }

    .sw-theme-progress .toolbar > .btn {
        background-color: #17a2b8;
        border: 1px solid #17a2b8;
        border-radius: .25rem;
        color: #fff;
        font-weight: 400;
        padding: .375rem .75rem
    }

    .sw-theme-progress > .nav {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.1) !important
    }

        .sw-theme-progress > .nav .nav-link {
            background: transparent;
            height: 100%;
            min-height: 100%;
            overflow: hidden;
            position: relative;
            z-index: 2
        }

            .sw-theme-progress > .nav .nav-link:after {
                background: #fff;
                content: "";
                height: 150%;
                left: 0;
                position: absolute;
                top: 0;
                transition: all .35s ease .1s;
                width: 0;
                z-index: -1
            }

            .sw-theme-progress > .nav .nav-link.inactive {
                color: #999;
                cursor: not-allowed
            }

            .sw-theme-progress > .nav .nav-link.active {
                color: #fff !important;
                cursor: pointer
            }

                .sw-theme-progress > .nav .nav-link.active:after {
                    background-color: #5cb85c;
                    width: 100%
                }

            .sw-theme-progress > .nav .nav-link.done {
                color: #fff !important;
                cursor: pointer
            }

                .sw-theme-progress > .nav .nav-link.done:after {
                    background: #5cb85c;
                    width: 100%
                }

            .sw-theme-progress > .nav .nav-link.disabled {
                color: #ddd !important;
                cursor: not-allowed
            }

                .sw-theme-progress > .nav .nav-link.disabled:after {
                    background: #f9f9f9;
                    width: 100%
                }

            .sw-theme-progress > .nav .nav-link.danger {
                color: #fff !important;
                cursor: pointer
            }

                .sw-theme-progress > .nav .nav-link.danger:after {
                    background: #d9534f;
                    width: 100%
                }

    .sw-theme-progress.sw-dark {
        color: rgba(255,255,255,.95)
    }

        .sw-theme-progress.sw-dark > .nav .nav-link.active {
            color: #fff
        }

            .sw-theme-progress.sw-dark > .nav .nav-link.active:after {
                background-color: #333
            }

        .sw-theme-progress.sw-dark > .nav .nav-link.done {
            color: #fff !important
        }

            .sw-theme-progress.sw-dark > .nav .nav-link.done:after {
                background: #333
            }

        .sw-theme-progress.sw-dark > .nav .nav-link.disabled {
            color: #2b2b2b !important
        }

            .sw-theme-progress.sw-dark > .nav .nav-link.disabled:after {
                background: #474747
            }

        .sw-theme-progress.sw-dark > .nav .nav-link.danger {
            color: #fff !important
        }

            .sw-theme-progress.sw-dark > .nav .nav-link.danger:after {
                background: #d9534f
            }

body.tempusdominus-bootstrap-datetimepicker-widget-day-click, body.tempusdominus-bootstrap-datetimepicker-widget-day-click * {
    cursor: pointer !important
}

body.tempusdominus-bootstrap-datetimepicker-widget-day-click {
    position: relative !important
}

.tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel {
    bottom: 0;
    cursor: pointer !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999999999
}

.bootstrap-datetimepicker-widget .datepicker-days tbody td {
    cursor: pointer
}

.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px;
        width: 14rem
    }

        .bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks, .bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
            width: 16rem
        }

            .bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
                width: 17rem
            }

@media (min-width:576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 7px;
    top: -7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 8px;
    top: -6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0,0,0,.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.wider {
    width: 16rem
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
    width: 54px
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod] {
    font-family: Arial,sans-serif,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    height: 38px;
    text-align: center;
    width: 38px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after {
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after {
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after {
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after {
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after {
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after {
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after {
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after {
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]:after {
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

    .bootstrap-datetimepicker-widget .picker-switch:after {
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        height: auto;
        line-height: inherit;
        margin: 0;
        padding: 0;
        width: auto
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            height: 2.5em;
            line-height: 2.5;
            width: 100%
        }

    .bootstrap-datetimepicker-widget .picker-switch.picker-switch-with-feathers-icons td span {
        height: 2.8em;
        line-height: 2.8
    }

.bootstrap-datetimepicker-widget table {
    margin: 0;
    width: 100%
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        border-radius: .2rem;
        text-align: center
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #6c757d;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.prev:after {
            content: "Previous Month"
        }

        .bootstrap-datetimepicker-widget table th.next:after {
            content: "Next Month"
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #e2e8ee
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            color: #6c757d;
            cursor: default;
            font-size: .8em;
            height: 20px;
            line-height: 20px
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #e2e8ee;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
            color: #6c757d
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                border-color: rgba(0,0,0,.2) transparent #3f80ea;
                border-style: solid;
                border-width: 0 0 7px 7px;
                bottom: 4px;
                content: "";
                display: inline-block;
                position: absolute;
                right: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #3f80ea;
            text-shadow: 0 -1px 0 rgba(0,0,0,.25)
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #6c757d;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            border-radius: .2rem;
            cursor: pointer;
            display: inline-block;
            height: 54px;
            line-height: 54px;
            margin-bottom: 2px;
            margin-top: 2px;
            width: 54px
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #e2e8ee
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #3f80ea;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,.25)
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #6c757d
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #6c757d;
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
    color: #007bff;
    color: var(--blue,#007bff)
}

    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
        color: #0056b3
    }

.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod] {
    cursor: default;
    pointer-events: none
}

    .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod]:hover {
        background: none
    }

.input-group [data-toggle=datetimepicker] {
    cursor: pointer
}

table.datatable tbody td.selected, table.datatable tbody th.selected, table.datatable tbody tr.selected {
    color: #fff
}

    table.datatable tbody td.selected a, table.datatable tbody th.selected a, table.datatable tbody tr.selected a {
        color: #a2d4ed
    }

table.datatable tbody > tr.selected, table.datatable tbody > tr > .selected {
    background-color: #3f80ea
}

table.datatable.display tbody > tr.odd.selected, table.datatable.display tbody > tr.odd > .selected, table.datatable.stripe tbody > tr.odd.selected, table.datatable.stripe tbody > tr.odd > .selected {
    background-color: #3e7de5
}

table.datatable.display tbody > tr.selected:hover, table.datatable.display tbody > tr > .selected:hover, table.datatable.hover tbody > tr.selected:hover, table.datatable.hover tbody > tr > .selected:hover {
    background-color: #3d7be2
}

table.datatable.display tbody > tr.selected > .sorting_1, table.datatable.display tbody > tr.selected > .sorting_2, table.datatable.display tbody > tr.selected > .sorting_3, table.datatable.display tbody > tr > .selected, table.datatable.order-column tbody > tr.selected > .sorting_1, table.datatable.order-column tbody > tr.selected > .sorting_2, table.datatable.order-column tbody > tr.selected > .sorting_3, table.datatable.order-column tbody > tr > .selected {
    background-color: #3e7de5
}

table.datatable.display tbody > tr.odd.selected > .sorting_1, table.datatable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: #3c79dd
}

table.datatable.display tbody > tr.odd.selected > .sorting_2, table.datatable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
    background-color: #3c7adf
}

table.datatable.display tbody > tr.odd.selected > .sorting_3, table.datatable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
    background-color: #3d7be1
}

table.datatable.display tbody > tr.even.selected > .sorting_1, table.datatable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #3e7de5
}

table.datatable.display tbody > tr.even.selected > .sorting_2, table.datatable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
    background-color: #3e7ee7
}

table.datatable.display tbody > tr.even.selected > .sorting_3, table.datatable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
    background-color: #3f7fe9
}

table.datatable.display tbody > tr.odd > .selected, table.datatable.order-column.stripe tbody > tr.odd > .selected {
    background-color: #3c79dd
}

table.datatable.display tbody > tr.even > .selected, table.datatable.order-column.stripe tbody > tr.even > .selected {
    background-color: #3e7de5
}

table.datatable.display tbody > tr.selected:hover > .sorting_1, table.datatable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
    background-color: #3a76d7
}

table.datatable.display tbody > tr.selected:hover > .sorting_2, table.datatable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
    background-color: #3a76d8
}

table.datatable.display tbody > tr.selected:hover > .sorting_3, table.datatable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
    background-color: #3b78db
}

table.datatable.display tbody > tr:hover > .selected, table.datatable.display tbody > tr > .selected:hover, table.datatable.order-column.hover tbody > tr:hover > .selected, table.datatable.order-column.hover tbody > tr > .selected:hover {
    background-color: #3a76d7
}

table.datatable tbody td.select-checkbox, table.datatable tbody th.select-checkbox {
    position: relative
}

    table.datatable tbody td.select-checkbox:after, table.datatable tbody td.select-checkbox:before, table.datatable tbody th.select-checkbox:after, table.datatable tbody th.select-checkbox:before {
        box-sizing: border-box;
        display: block;
        height: 12px;
        left: 50%;
        position: absolute;
        top: 1.2em;
        width: 12px
    }

    table.datatable tbody td.select-checkbox:before, table.datatable tbody th.select-checkbox:before {
        border: 1px solid #000;
        border-radius: 3px;
        content: " ";
        margin-left: -6px;
        margin-top: -6px
    }

table.datatable tr.selected td.select-checkbox:after, table.datatable tr.selected th.select-checkbox:after {
    content: "\2714";
    margin-left: -4px;
    margin-top: -11px;
    text-align: center;
    text-shadow: 1px 1px #b0bed9,-1px -1px #b0bed9,1px -1px #b0bed9,-1px 1px #b0bed9
}

div.datatables_wrapper span.select-info, div.datatables_wrapper span.select-item {
    margin-left: .5em
}

@media screen and (max-width:640px) {
    div.datatables_wrapper span.select-info, div.datatables_wrapper span.select-item {
        display: block;
        margin-left: 0
    }
}

.daterangepicker {
    background-color: #fff;
    border-color: #dee6ed
}

    .daterangepicker:after, .daterangepicker:before {
        border-bottom-color: rgba(0,0,0,.2)
    }

    .daterangepicker:before {
        border-bottom-color: #ced4da
    }

    .daterangepicker:after {
        border-bottom-color: #fff
    }

    .daterangepicker.drop-up:before {
        border-top-color: #ced4da
    }

    .daterangepicker.drop-up:after {
        border-top-color: #fff
    }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        border-color: #000;
        color: #fff
    }

    .daterangepicker .calendar-table {
        background-color: #fff;
        border-color: #fff
    }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #e2e8ee
    }

    .daterangepicker td.week, .daterangepicker th.week {
        color: #ced4da
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: #fff;
        color: #adb5bd
    }

    .daterangepicker td.in-range {
        background-color: #e2e8ee;
        color: #000
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #3f80ea;
        color: #fff
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #adb5bd
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        background: #e2e8ee;
        border-color: #e2e8ee;
        color: #000
    }

    .daterangepicker .calendar-time select.disabled {
        color: #ced4da
    }

    .daterangepicker .drp-buttons {
        border-top-color: #dee6ed
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right-color: #dee6ed
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left-color: #dee6ed
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right-color: #dee6ed
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left-color: #dee6ed
    }

    .daterangepicker .ranges li:hover {
        background-color: #e2e8ee
    }

    .daterangepicker .ranges li.active {
        background-color: #3f80ea;
        color: #fff
    }

.bootstrap-datetimepicker-widget .table td, .bootstrap-datetimepicker-widget .table th {
    border: 0
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table th {
    height: 36px;
    line-height: 36px;
    width: 36px
}

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        color: #fff
    }

.fc-theme-bootstrap {
    margin-bottom: 1rem
}

    .fc-theme-bootstrap .fc-content, .fc-theme-bootstrap .fc-divider, .fc-theme-bootstrap .fc-list-heading td, .fc-theme-bootstrap .fc-list-view, .fc-theme-bootstrap .fc-popover, .fc-theme-bootstrap .fc-row, .fc-theme-bootstrap .fc-scrollgrid table, .fc-theme-bootstrap tbody, .fc-theme-bootstrap td, .fc-theme-bootstrap th, .fc-theme-bootstrap thead {
        border: 1px solid #dee6ed
    }

    .fc-theme-bootstrap .fc-col-header-cell-cushion {
        padding: 4px 8px
    }

.hljs {
    background: #1e1e1e;
    color: #dcdcdc;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.hljs-keyword, .hljs-link, .hljs-literal, .hljs-name, .hljs-symbol {
    color: #569cd6
}

.hljs-link {
    text-decoration: underline
}

.hljs-built_in, .hljs-type {
    color: #4ec9b0
}

.hljs-class, .hljs-number {
    color: #b8d7a3
}

.hljs-meta-string, .hljs-string {
    color: #d69d85
}

.hljs-regexp, .hljs-template-tag {
    color: #9a5334
}

.hljs-formula, .hljs-function, .hljs-params, .hljs-subst, .hljs-title {
    color: #dcdcdc
}

.hljs-comment, .hljs-quote {
    color: #57a64a;
    font-style: italic
}

.hljs-doctag {
    color: #608b4e
}

.hljs-meta, .hljs-meta-keyword, .hljs-tag {
    color: #9b9b9b
}

.hljs-template-variable, .hljs-variable {
    color: #bd63c5
}

.hljs-attr, .hljs-attribute, .hljs-builtin-name {
    color: #9cdcfe
}

.hljs-section {
    color: gold
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-bullet, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-selector-tag {
    color: #d7ba7d
}

.hljs-addition {
    background-color: #144212
}

.hljs-addition, .hljs-deletion {
    display: inline-block;
    width: 100%
}

.hljs-deletion {
    background-color: #600
}

.jsvmap-zoom-btn {
    background-color: #293042
}

.ql-snow .ql-editor {
    background: #fff;
    min-height: 15rem
}

.ql-container, .ql-toolbar.ql-snow {
    font-family: var(--bs-font-sans-serif)
}

.ql-container {
    font-size: .825rem
}

.ql-bubble .ql-editor {
    padding: 0
}

    .ql-bubble .ql-editor.ql-blank:before {
        left: 0;
        right: 0
    }

.ql-bubble .ql-tooltip {
    border-radius: .3rem;
    font-size: 0
}

.ql-editor.ql-blank:before {
    color: rgba(0,0,0,.6)
}

.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > li:before {
    color: #6c757d
}

.ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover {
    color: #fff
}

    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill {
        fill: #fff
    }

    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter {
        stroke: #fff
    }

@media (pointer:coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color: #ced4da
    }

        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #ced4da
        }

        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #ced4da
        }
}

.ql-bubble .ql-stroke, .ql-bubble .ql-stroke-miter {
    stroke: #ced4da
}

    .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill {
        fill: #ced4da
    }

.ql-bubble .ql-editor blockquote {
    border-left-color: #ced4da
}

.ql-bubble .ql-editor code, .ql-bubble .ql-editor pre {
    background-color: #f4f7f9
}

    .ql-bubble .ql-editor pre.ql-syntax {
        background-color: #f4f7f9;
        color: #f4f7f9
    }

.ql-bubble .ql-picker {
    color: #ced4da
}

.ql-bubble .ql-picker-options {
    background-color: #020202
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #6c757d
}

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
        fill: #6c757d
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
        stroke: #6c757d
    }

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff
}

.ql-bubble .ql-tooltip {
    background-color: #212529;
    color: #fff
}

    .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow, .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
        border-bottom-color: #020202
    }

.ql-bubble .ql-tooltip-editor input[type=text] {
    color: #fff
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ced4da
}

.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: #020202;
    color: #fff
}

.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top-color: #020202
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover {
    color: #3f80ea
}

    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
        fill: #3f80ea
    }

    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter {
        stroke: #3f80ea
    }

@media (pointer:coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #020202
    }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #020202
        }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #020202
        }
}

.ql-snow .ql-stroke, .ql-snow .ql-stroke-miter {
    stroke: #020202
}

    .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
        fill: #020202
    }

.ql-snow .ql-editor blockquote {
    border-left-color: #ced4da
}

.ql-snow .ql-editor code, .ql-snow .ql-editor pre {
    background-color: #f4f7f9
}

    .ql-snow .ql-editor pre.ql-syntax {
        background-color: #f4f7f9;
        color: #f4f7f9
    }

.ql-snow .ql-picker {
    color: #020202
}

.ql-snow .ql-picker-options {
    background-color: #fff
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ced4da
}

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
        fill: #ced4da
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
        stroke: #ced4da
    }

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ced4da
}

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: #000
    }

.ql-snow .ql-tooltip {
    background-color: #fff;
    border-color: #ced4da;
    color: #020202
}

    .ql-snow .ql-tooltip input[type=text] {
        border-color: #ced4da
    }

    .ql-snow .ql-tooltip a.ql-action:after {
        border-right-color: #ced4da
    }

.ql-snow a {
    color: #3f80ea
}

.ql-container.ql-snow {
    border-color: #ced4da
}

.select2-container--bootstrap4 {
    display: block
}

    .select2-container--bootstrap4 .select2-selection {
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .2rem;
        color: #495057;
        font-size: .825rem;
        outline: 0
    }

        .select2-container--bootstrap4 .select2-selection.form-control {
            border-radius: .2rem
        }

    .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .2rem;
        color: #495057;
        font-size: .825rem
    }

    .select2-container--bootstrap4 .select2-search__field {
        outline: 0
    }

        .select2-container--bootstrap4 .select2-search__field::-webkit-input-placeholder {
            color: #6c757d
        }

        .select2-container--bootstrap4 .select2-search__field:-moz-placeholder {
            color: #6c757d
        }

        .select2-container--bootstrap4 .select2-search__field::-moz-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .select2-container--bootstrap4 .select2-search__field:-ms-input-placeholder {
            color: #6c757d
        }

    .select2-container--bootstrap4 .select2-results__option {
        font-size: .825rem;
        padding: .375rem .7rem
    }

        .select2-container--bootstrap4 .select2-results__option[role=group] {
            padding: 0
        }

        .select2-container--bootstrap4 .select2-results__option[aria-disabled=true] {
            color: #adb5bd;
            cursor: not-allowed
        }

        .select2-container--bootstrap4 .select2-results__option[aria-selected=true] {
            background-color: #f4f7f9;
            color: #1e2125
        }

    .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
        background-color: #3f80ea;
        color: #fff
    }

    .select2-container--bootstrap4 .select2-results__option .select2-results__option {
        padding: .375rem .7rem
    }

        .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0
        }

        .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -.7rem;
            padding-left: 1.4rem
        }

            .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -1.4rem;
                padding-left: 2.1rem
            }

                .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -2.1rem;
                    padding-left: 2.8rem
                }

                    .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -2.8rem;
                        padding-left: 3.5rem
                    }

                        .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -3.5rem;
                            padding-left: 4.2rem
                        }

    .select2-container--bootstrap4 .select2-results__group {
        color: #000;
        display: block;
        font-size: .825rem;
        line-height: 1;
        padding: .5rem .7rem;
        white-space: nowrap
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
        border-color: #9fc0f5;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
        transition: none
    }
}

.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #6c757d;
    border-width: 0 .25rem .25rem
}

.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--bootstrap4 .select2-selection__clear {
    color: #6c757d;
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

    .select2-container--bootstrap4 .select2-selection__clear:hover {
        color: #293042
    }

.select2-container--bootstrap4.select2-container--disabled .select2-selection {
    border-color: #ced4da
}

.select2-container--bootstrap4.select2-container--disabled .select2-search__field, .select2-container--bootstrap4.select2-container--disabled .select2-selection {
    cursor: not-allowed
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #e2e8ee
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap4.select2-container--disabled .select2-selection__clear {
    display: none
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #9fc0f5;
    border-width: 1px;
    margin-top: -1px;
    overflow-x: hidden
}

.select2-container--bootstrap4 .select2-dropdown--above {
    margin-top: 1px
}

.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.84062rem + 2px);
    line-height: 1;
    padding: .5rem 1.45rem .5rem .7rem
}

    .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
        bottom: 0;
        position: absolute;
        right: .7rem;
        top: 0;
        width: .25rem
    }

        .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
            border-color: #6c757d transparent transparent;
            border-style: solid;
            border-width: .25rem .25rem 0;
            height: 0;
            left: 0;
            margin-left: -.25rem;
            margin-top: -.125rem;
            position: absolute;
            top: 50%;
            width: 0
        }

    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        padding: 0
    }

    .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
        color: #6c757d
    }

.select2-container--bootstrap4 .select2-selection--multiple {
    height: auto;
    min-height: calc(1.84062rem + 2px);
    padding: 0
}

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        display: block;
        line-height: 1;
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: .5rem 0 0 .7rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__placeholder {
        color: #6c757d;
        float: left;
        margin-top: 5px
    }

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
        background: #e2e8ee;
        border: 1px solid #dee6ed;
        border-radius: .2rem;
        color: #495057;
        cursor: default;
        float: left;
        margin: -.2rem .25rem .3rem 0;
        padding: .2rem .5rem
    }

    .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
        background: transparent;
        height: calc(1.84062rem + 2px)-2;
        line-height: 1;
        margin-top: 0;
        min-width: 5em;
        padding: 0 .7rem
    }

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
        color: #6c757d;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: .25rem
    }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #293042
        }

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
        margin-top: .5rem
    }

.form-group-sm .select2-container--bootstrap4 .select2-selection--single, .input-group-sm .select2-container--bootstrap4 .select2-selection--single, .select2-container--bootstrap4 .select2-selection--single.input-sm {
    border-radius: .1rem;
    font-size: .825rem;
    height: calc(1.51875rem + 2px);
    line-height: 1;
    padding: .5rem .9rem .5rem .15rem
}

    .form-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap4 .select2-selection--single.input-sm .select2-selection__arrow b {
        margin-left: -.5rem
    }

.form-group-sm .select2-container--bootstrap4 .select2-selection--multiple, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple, .select2-container--bootstrap4 .select2-selection--multiple.input-sm {
    border-radius: .1rem;
    min-height: calc(1.51875rem + 2px)
}

    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__rendered {
        padding: .5rem .15rem 0 .5rem
    }

    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__choice {
        font-size: .825rem;
        line-height: 1;
        margin: 0 0 0 .075rem;
        padding: 0 .5rem
    }

    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {
        font-size: .825rem;
        height: calc(1.51875rem + 2px)-2;
        line-height: 1;
        padding: 0 .15rem
    }

    .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__clear {
        margin-top: .5rem
    }

.form-group-lg .select2-container--bootstrap4 .select2-selection--single, .input-group-lg .select2-container--bootstrap4 .select2-selection--single, .select2-container--bootstrap4 .select2-selection--single.input-lg {
    border-radius: .3rem;
    font-size: .95rem;
    height: calc(2.24375rem + 2px);
    line-height: 1;
    padding: 1rem 1.2875rem 1rem .35rem
}

    .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow {
        width: .3125rem
    }

        .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow b {
            border-width: .3125rem .3125rem 0;
            margin-left: -1rem;
            margin-top: -.15625rem
        }

.form-group-lg .select2-container--bootstrap4 .select2-selection--multiple, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple, .select2-container--bootstrap4 .select2-selection--multiple.input-lg {
    border-radius: .3rem;
    min-height: calc(2.24375rem + 2px)
}

    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__choice {
        border-radius: .2rem;
        font-size: .95rem;
        line-height: 1;
        margin: 0 0 0 .175rem;
        padding: 0 1rem
    }

    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field {
        font-size: .95rem;
        height: calc(2.24375rem + 2px)-2;
        line-height: 1;
        padding: 0 .35rem
    }

    .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__clear {
        margin-top: 1rem
    }

.input-group-lg .select2-container--bootstrap4 .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap4 .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #6c757d;
    border-width: 0 .3125rem .3125rem
}

.select2-container--bootstrap4[dir=rtl] .select2-selection--single {
    padding-left: 1.45rem;
    padding-right: .7rem
}

    .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        text-align: right
    }

    .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__arrow {
        left: .7rem;
        right: auto
    }

        .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__arrow b {
            margin-left: 0
        }

.select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0;
    margin-right: .35rem
}

.select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.has-warning .select2-dropdown, .has-warning .select2-selection {
    border-color: #e5a54b
}

.has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection, .has-warning.select2-drop-active {
    border-color: #dd8e20
}

    .has-warning.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #dd8e20
    }

.has-error .select2-dropdown, .has-error .select2-selection {
    border-color: #d9534f
}

.has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection, .has-error.select2-drop-active {
    border-color: #c9302c
}

    .has-error.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #c9302c
    }

.has-success .select2-dropdown, .has-success .select2-selection {
    border-color: #4bbf73
}

.has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection, .has-success.select2-drop-active {
    border-color: #389f5c
}

    .has-success.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #389f5c
    }

.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection.form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection.form-control {
    border-radius: 0
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection.form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group > .select2-container--bootstrap4 {
    display: table;
    margin-bottom: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 2
}

    .input-group > .select2-container--bootstrap4 > .selection > .select2-selection.form-control {
        float: none
    }

    .input-group > .select2-container--bootstrap4.select2-container--focus, .input-group > .select2-container--bootstrap4.select2-container--open {
        z-index: 3
    }

    .input-group > .select2-container--bootstrap4, .input-group > .select2-container--bootstrap4 .input-group-btn, .input-group > .select2-container--bootstrap4 .input-group-btn .btn {
        vertical-align: top
    }

.form-control.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important
}

@media (min-width:576px) {
    .form-inline .select2-container--bootstrap4 {
        display: inline-block
    }
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0
}

.select2-selection__rendered .select2-selection__choice:first-child {
    margin-left: 0
}

.select2-dropdown, .select2-results {
    background: #fff
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #293042
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #495057;
    padding: 0 0 2px
}

.simplebar-scrollbar:before {
    background: #fff
}

.sw > .nav .nav-link.disabled {
    color: #ced4da !important
}

.sw.sw-dark {
    background: #000;
    color: rgba(255,255,255,.95)
}

.sw.sw-loading:after {
    background: rgba(255,255,255,.7)
}

.sw.sw-loading:before {
    border-color: #3f80ea #f4f7f9 #f4f7f9
}

.sw-theme-default {
    border-color: #e2e8ee
}

    .sw-theme-default .toolbar > .btn {
        background-color: #3f80ea;
        border-color: #3f80ea;
        color: #fff
    }

    .sw-theme-default > .nav .nav-link:after {
        background: #adb5bd
    }

    .sw-theme-default > .nav .nav-link.inactive {
        color: #adb5bd
    }

    .sw-theme-default > .nav .nav-link.active {
        color: #3f80ea !important
    }

        .sw-theme-default > .nav .nav-link.active:after {
            background: #3f80ea !important
        }

    .sw-theme-default > .nav .nav-link.done {
        color: #4bbf73 !important
    }

        .sw-theme-default > .nav .nav-link.done:after {
            background: #4bbf73
        }

    .sw-theme-default > .nav .nav-link.disabled {
        color: #dee6ed !important
    }

        .sw-theme-default > .nav .nav-link.disabled:after {
            background: #dee6ed
        }

    .sw-theme-default > .nav .nav-link.danger {
        color: #d9534f !important
    }

        .sw-theme-default > .nav .nav-link.danger:after {
            background: #d9534f
        }

.sw-theme-arrows {
    border: 1px solid #e2e8ee
}

    .sw-theme-arrows .toolbar > .btn {
        background-color: #3f80ea;
        border: 1px solid #3f80ea;
        color: #fff
    }

    .sw-theme-arrows > .nav {
        border-bottom-color: #e2e8ee
    }

        .sw-theme-arrows > .nav .nav-link:after {
            border-left-color: #f4f7f9
        }

        .sw-theme-arrows > .nav .nav-link:before {
            border-left-color: #e2e8ee
        }

        .sw-theme-arrows > .nav .nav-link.inactive {
            background: #f4f7f9;
            border-color: #f4f7f9;
            color: #adb5bd
        }

        .sw-theme-arrows > .nav .nav-link.active {
            background: #3f80ea;
            border-color: #3f80ea;
            color: #fff
        }

            .sw-theme-arrows > .nav .nav-link.active:after {
                border-left-color: #3f80ea
            }

        .sw-theme-arrows > .nav .nav-link.done {
            background: #4bbf73;
            border-color: #4bbf73;
            color: #fff
        }

            .sw-theme-arrows > .nav .nav-link.done:after {
                border-left-color: #4bbf73
            }

        .sw-theme-arrows > .nav .nav-link.disabled {
            background: #f4f7f9;
            border-color: #f4f7f9;
            color: #e2e8ee
        }

            .sw-theme-arrows > .nav .nav-link.disabled:after {
                border-left-color: #f4f7f9
            }

        .sw-theme-arrows > .nav .nav-link.danger {
            background: #d9534f;
            border-color: #d9534f;
            color: #fff;
            cursor: pointer
        }

            .sw-theme-arrows > .nav .nav-link.danger:after {
                border-left-color: #d9534f
            }

    .sw-theme-arrows.sw-dark {
        background: #000;
        color: rgba(255,255,255,.95)
    }

        .sw-theme-arrows.sw-dark > .nav {
            border-bottom-color: #6c757d
        }

            .sw-theme-arrows.sw-dark > .nav .nav-link:after, .sw-theme-arrows.sw-dark > .nav .nav-link:before {
                border-left-color: #6c757d
            }

            .sw-theme-arrows.sw-dark > .nav .nav-link.inactive {
                background: #6c757d;
                border-color: #6c757d;
                color: #fff
            }

                .sw-theme-arrows.sw-dark > .nav .nav-link.inactive:after {
                    border-left-color: #6c757d
                }

            .sw-theme-arrows.sw-dark > .nav .nav-link.active {
                background: #495057;
                border-color: #020202;
                color: #fff
            }

                .sw-theme-arrows.sw-dark > .nav .nav-link.active:after {
                    border-left-color: #495057
                }

            .sw-theme-arrows.sw-dark > .nav .nav-link.done {
                background: #000;
                border-color: #000;
                color: #fff
            }

                .sw-theme-arrows.sw-dark > .nav .nav-link.done:after {
                    border-left-color: #000
                }

            .sw-theme-arrows.sw-dark > .nav .nav-link.disabled {
                background: #495057;
                border-color: #f4f7f9;
                color: #6c757d !important
            }

                .sw-theme-arrows.sw-dark > .nav .nav-link.disabled:after {
                    border-left-color: #495057
                }

            .sw-theme-arrows.sw-dark > .nav .nav-link.danger {
                background: #d9534f;
                border-color: #d9534f;
                color: #fff
            }

                .sw-theme-arrows.sw-dark > .nav .nav-link.danger:after {
                    border-left-color: #d9534f
                }

                /* 修改bootsrap5基础样式 */
                .form-group{
                    margin-bottom:1rem;
                }
                .form-check-label{
                    vertical-align: middle;
                }
                /* 内联表单 */
                .form-inline{}
                .form-inline .form-group {
                    display: inline-block;
                    vertical-align: middle;
                }
                /* 水平表单 */
                .form-horizontal{

                }